Screen Reader: Sign in: The button in the picker view is announced without a button role #77546
Description
Action Performed:
Prerequisites:
- the user is not signed in
- Using iOS VoiceOver, open the Expensify app
- Swipe to the 'Language' dropdown and double-tap to activate
- Swipe to the 'Done' button
- Note how the control is announced
Expected Result:
The control should be announced with a button role.
Actual Result:
The button in the picker view is announced without a button role.
Area issue was found in:
Sign in
Failed WCAG checkpoints
WCAG 4.1.2 Name, Role, Value
https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
User impact:
Providing role, state, and value information on all user interface components enables compatibility with assistive technology, such as screen readers, screen magnifiers, and speech recognition software, used by people with disabilities.
Suggested resolution:
Apply accessibilityRole="button" to the interactive component.
https://reactnative.dev/docs/button
Environment:
Apple iPhone 11 - iOS 17.5.1, H0T Mobile - Native (No mobile browser)
Screenshots/Videos
Bug7005377_1763267021731.In_the_picker_view_the_button__Done__is_announced_without_a_role.mp4
Version Number: Production
Reproducible in staging?: NA
Reproducible in production?: Yes
Email or phone of affected tester (no customers): No
Logs: https://stackoverflow.com/c/expensify/questions/4856 NA
Notes/Photos/Videos: Any additional supporting documentation Yes
Expensify/Expensify Issue URL: https://platform.applause.com/company/12102/products/36628/community-issues/7005377
Issue reported by: NA
Slack conversation: NA