[$250] Screen Reader: Global: Cannot close the bottomsheet without selecting an option #77459
Description
Action Performed:
Precondition: User is logged in
- Using VoiceOver on iOS or TalkBack on Android, open the app
- Swipe right to focus any chat and double-tap to activate it
- Swipe right to focus the "+" button and double-tap to activate it
- Look for a way to dismiss the drawer dialog without selecting an option
This is a global issue affecting all dialogs in the app
Expected Result:
All dialogs should have a method to dismiss them other than tapping outside them.
Screen readers should be provided with a Close (x) or drawer handle button to ensure they can dismiss the dialog without having to select an option.
Actual Result:
Drawer dialogs do not expose any dismissible option for screen reader users.
Users cannot exit the drawer without switching to touch or selecting an option.
Area issue was found in:
Chat
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:
Implement an accessible Close (x) or drawer handle button to ensure screen reader users can dismiss dialogs.
https://appt.org/en/docs/react-native/samples/accessibility-role
https://reactnative.dev/docs/accessibility#accessibilityrole
Environment:
Apple iPhone 14 Pro - iOS 18.7.1, Wi-Fi - Native (No mobile browser)
Samsung Galaxy Note10 Plus - Android 12, H0T Mobile - Native (No mobile browser)
Screenshots/Videos
Bug7009088_1763633307153.Drawer_dialogs_cannot_be_dismissed_using_screen_readers.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/7009088
Issue reported by: NA
Slack conversation: NA
Upwork Automation - Do Not Edit
- Upwork Job URL: https://www.upwork.com/jobs/~022009428893257921469
- Upwork Job ID: 2009428893257921469
- Last Price Increase: 2026-01-28