[$250] Screen Reader: Many Pages: Multiple interactive elements are announced without a button role

[nbhardwaj-del]

Action Performed

Prerequisites:

• The user is signed in

1. Using JAWS + Chrome, open the site https://new.expensify.com/settings/profile
2. Press Tab key to focus the Profile menu buttons.
3. Note how the elements are announced.

Other Occurrences:

1. On Settings - Subscription
2. On Settings - Troubleshoot: the buttons below switch buttons
3. On Settings - Save the World: the buttons below 'Teachers Unite'
4. On Settings - About: the buttons below About Expensify
5. On Settings - Preferences: the buttons below switches
6. On Settings - Security: all listed buttons with a chevron
7. On Settings - Profile - Share code: both buttons
8. On Workspaces - Overview: the buttons below Edit Photo
9. On Workspace - Reports: all buttons with a chevron and the button 'Add field'
10. On Workspace - Categories - Settings
11. On Workspace - Workflows
12. On Workspace - Workflows - Edit Approval Workflow
13. On Workspace - Rules
14. On Workspace - Expensify Card - Add bank account
15. On Workspace - Invoices
16. On Workspace - Create Workspace - Confirm Workspace
17. On Create Report - Add payment card
18. On Send Invoice
19. On Wallet: the buttons to add bank account and to enable wallet
20. On Create Expense flow
21. On Paid Expense details flow
22. On Reports flow
23. On Chart: the contacts

Expected Result

When users navigate through the settings menu, the interactive elements should be announced with an accessible name and role, for example:
-"Display Name, button"
-"Contact Method, button"
-"Status, button"
-"Select your pronouns, button"
-"Timezone, button"
-"Date of birth, button"
-"Phone number, button"
-"Address, button"

Actual Result

When users navigate through the settings menu, each menu button element is announced without the role, only the accessible name. Users will not understand these are interactive elements.
-"Test Name, testemail357@mail.com"
-"Status"
-"Select your pronouns"
-"America/New_York"
-"Date of birth"
-"Phone number"
-"Address"

HTML:

Status

Area issue was found

Settings–Profile

Failed Checkpoint

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

Remove role="menuitem" and implement the elements as native buttons.
https://www.w3.org/WAI/ARIA/apg/patterns/button/

Environment(s)

Windows Windows 10 - Chrome

Screenshots/Videos

Bug6985923_1761585043881.Menu_buttons_do_not_announce_role.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/6985923
Issue reported by: NA
Slack conversation: NA

Issue Owner

Current Issue Owner: @DylanDylann

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022026846632621278206
• Upwork Job ID: 2026846632621278206
• Last Price Increase: 2026-03-12

[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.