search

Orange-OpenSource / ods-ios

A SwiftUI components library with code examples for Orange Design System
https://orange-opensource.github.io/ods-ios/
MIT License
26 stars 6 forks source link

[Bug] [A11Y] Information transmitted only by color : selected tab differs only by orange colour #659

Open pylapp opened 7 months ago

pylapp commented 7 months ago

Original issue

https://github.com/Orange-OpenSource/ods-ios/issues/554

Description

Low text contrast < 4.5:1 : orange text on light grey (tab bar) -> orange from brand design is not accessible on white background, so it's worth on grey. Recommandation : do not use orange for text on light backgrounds. For mobile use, recommanded text contrast is 7:1

Need update of design specifications

See also this comment: https://github.com/Orange-OpenSource/ods-ios/issues/554#issuecomment-1919266813

pya35 commented 6 months ago

There's a native setting called "Differentiate Without Color" but this doesn't have any effect on selected tab.

Either change the design when a tab is selected or use the API accessibilityDifferentiateWithoutColor to change the design when option is selected