Orange-OpenSource
[Bug]: Guidelines page accessibility issues
Prerequisites
- [X] I have searched the backlog for duplicate or closed feature requests
Your test device
iPhone 14 Plus
OS Version
17.1.1
App version
v0.16.0
Describe the issue
This list is about the defaut page displayed in app : "Guidelines"
-
[x] #657 Recommandation : do not use orange for text on light backgrounds. For mobile use, recommanded text contrast is 7:1
-
[x] #658
-
[x] #659
Recommandation : add a second way to transmist information, like following example :
-
[x] svg vocalization #702
-
[x] keyboard focus barely visible on the 3 main buttons
Recommandation: If possible, add an outline to make the focus more visible or reinforce the focus with darker orange. Maybe with this kind of code:
override open func accessibilityElementDidBecomeFocused() {
backgroundColor = .focused
}
-
[x] voice over grouping: when user changes the colour theme, the description of the warning popup is vocalized with title only. Recommandation: Group popup title and description so the user has the whole information at once.
-
[x] landscape mode : landscape mode from guidelines page leads to open typography automatically **Recommandation: no content change on landscape mode
-
[x] tap cancellation not possible on colour palette icon. User should be able to cancel the tap by moving the finger out of the button Recommandation : Don't activate button on down action
-
[x] #683 Recommandation: Use announcements (notifications) to force the title page vocalization - To be done on each main page Guidelines, Components, Modules & About
Expected Behavior
Page 100% accessible (updated status 19/12/2023: 71%)
To avoid vocalization of text in image do: group bouton + image via accessibilityElement(children: .contain)
landscape mode : landscape mode from guidelines page leads to open typography automatically seems to be fixed on last release
keyboard focus visibility can be solved with high contrast in Full Keyboard Access settings, no fix needed
@pya35 About your comment "information transmitted only by color : selected tab differs only by orange colour.", it is the native iOS behavior. Did you look on some a11Y settings in the device to get workarounds?
About the case where "image vocalization "typography" -> with VoiceOver we hear "75 Aa 55Aa", not useful.", it is already fixed since at least commit c2f245c69fa8203538325cddf95fcbf4f2f2c06e in qualif
Same thing for "image vocalization "spacing" -> with VoiceOver we hear "plus plus", not useful." case.
In case "voice over grouping: when user changes the colour theme, the description of the warning popup is vocalized with title only.", what did you mean @pya35? Today vocalization of menu vocalizes the texts of the menu items, is it enough?
About the case "No vocalization of title after displaying the page", is it managed in issue https://github.com/Orange-OpenSource/ods-ios/issues/588
@pya35 I understand the needs behind your case "tap cancellation not possible on colour palette icon. User should be able to cancel the tap by moving the finger out of the button", however it is the native behaviour of iOS for such pickers: the content is displayed when the component is pressed, it's slightly different than buttons for example.