[$250] Screen Reader: Many Pages: Focus does not move to opened menu layout (mWeb)

[nbhardwaj-del]

Action Performed

Prerequisite:

• the user is logged in

1. Using TalkBack + Android + Chrome or VoiceOver + iOS + Safari, open the page https://new.expensify.com/settings/about
2. Swipe to navigate to the 'App download links', double tap to activate
3. Using swipe gesture, attempt to navigate through the newly opened menu
4. Observe the focus behavior

Other Occurrences:

1. On Settings - About - Keyboard Shortcuts
2. On Settings - Save the world - I know a teacher
3. On Settings - Save the world - I am a teacher
4. On Settings - Save the world - Intro your school principal
5. On Settings - Preferences - Language
6. On Settings - Preferences - Priority mode
7. On Settings - Security
8. On Settings - Security - Validate your account
9. On Settings - Security - Close account
10. On Settings - Security - Two-factor authentication
11. On Settings - Profile - Display name
12. On Settings - Profile - Contact methods
13. On Settings - Profile - Pronouns
14. On Settings - Profile - Share Code
15. On Settings - Profile - Legal Name
16. On Settings - Profile - DOB
17. On Settings - Profile - Phone number
18. On Settings - Profile - Address
19. On Settings - Profile - Country
20. On Workspaces - Duplicate Workspaces
21. On Workspaces - Delete Workspace
22. On Workspaces - Overview - Workspace Name
23. On Workspaces - Overview - Expensify Policy
24. On Workspace - Categories - Add Category
25. On Workspace - Categories - Settings
26. On Workspace - Workflows - Edit Approval Workflow
27. On Workspace - Workflows - Expenses From
    28: On Workspace - Workflows - Approver
28. On Workspace - Rules - Cash Expense Default
29. On Workspaces - Distance Rates - Rate Details
30. On Workspaces - Expensify Card - Add bank account
31. On Workspaces - Expensify Card - Bank info
32. On Workspaces - Expensify Card - Confirm currency and country
33. On Workspace - Company Card - Add Cards
34. On Workspace - Create Workspace - Confirm Workspace
35. On Workspace - Create Workspace - Invite new members
36. On Workspace - Create Workspace - Default Currency
37. On Create Report - Restricted
38. On Create Report - Add payment card
39. On Create Report - Change payment currency
40. On Track Distance
41. On Track Distance - Choose Recipient
42. On Send Invoice
43. On Wallet - Add bank account
44. On Create Expense flow
45. On Paid Expense details flow
46. On Reports flow
47. On Chat flow

Expected Result

When users activate the 'App download links' button, focus will be contained within the newly opened menu until the user manually closes it

Actual Result

When users activate the 'App download links' button and use swipe gesture to move through the menu, focus is not contained in the menu, focus moves through the screen behind the menu.

Area issue was found

Settings-About

Failed Checkpoint

WCAG 2.4.3 Focus Order
https://www.w3.org/WAI/WCAG22/Understanding/focus-order

User Impact

People with mobility impairments who must rely on keyboard access for operating a page benefit from a logical, usable focus order. People with vision impairments or disabilities that make reading difficult can become disoriented when tabbing takes focus someplace unexpected or when they cannot easily find the content surrounding an interactive element. Only a small portion of the page may be visible to an individual using a screen magnifier at a high level of magnification. Such a user may interpret a field in the wrong context if the focus order is not logical.

Suggested Resolution

Ensure focus is moved to the opened layout and trapped inside it until the user closes it.
https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/

Environment(s)

Motorola RAZR 2023 - Android 14 , Cricket - Chrome

Screenshots/Videos

Bug6996177_1762511475713.Focus_is_trapped_behind_the_app_download_menu.mp4

Version Number: NA
Reproducible in staging?: NA
Reproducible in production?: Yes
Email or phone of affected tester (no customers): NA
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/36605/community-issues/6996177
Issue reported by: NA
Slack conversation: NA

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022009685628551235822
• Upwork Job ID: 2009685628551235822
• Last Price Increase: 2026-01-28

Issue Owner

Current Issue Owner: @mallenexpensify

[melvin-bot]

📣 @nbhardwaj-del! 📣
Please report bugs or suggest features in the #expensify-open-source Slack channel, don't directly open issues in this repo!
Instructions here to join the channel 📖

[mallenexpensify]

Accessibility issue, will be addressed soon.

[mallenexpensify]

Accessibility, unassigning, will be addressed in bulk once all issues are created.