-
Notifications
You must be signed in to change notification settings - Fork 3.5k
Description
Action Performed:
Prerequisite:
- User is logged in
- Using Chrome, open the URL: https://new.expensify.com/
- Tab to focus on the required workspace and press Enter to activate it
- Once the Workspace menu is displayed, tab to focus on the "Rules" menu item and press Enter to activate it
- Tab to focus on the links "for most USD credit transactions" and "more features"
- Note how the links are focused.
Other Occurrences:
- On Workspaces - Expensify Card - Add bank account: the link 'Your data is secure
Expected Result:
Each link should be focused only once.
Actual Result:
The links are focused and announced twice:
- 'for most USD credit transactions'
- 'more features'
HTML:
Area issue was found in:
Workspace Rules
Failed WCAG checkpoints
WCAG 2.4.4 Link Purpose (In Context)
https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html
User impact:
People with motion impairment can skip links that they are not interested in, avoiding the keystrokes needed to visit the referenced content and then returning to the current content. People with cognitive limitations will not become disoriented by multiple means of navigation to and from content they are not interested in. People with visual disabilities will be able to determine the purpose of a link by exploring the link's context.
Suggested resolution:
Remove role="link" and tabindex="0" from the parent
Ensure that only the element is focusable and has the link role, and provide an aria-label to correctly match its visible label and accurately describe the control’s actual purpose.
https://gitnation.com/contents/nested-interactive-elements-an-nightmare-in-accessibility
https://adrianroselli.com/2016/12/be-wary-of-nesting-roles.html
Environment(s)
Windows 11 Home - Chrome
Screenshots/Videos
Bug6996814_1762503815274.Screen_Reader-Workspace_Rules-The_links_are_focused_and_announced_twice.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: http://platform.applause.com/company/12102/products/36605/community-issues/6996814
Issue reported by: NA
Slack conversation: NA
Upwork Automation - Do Not Edit
- Upwork Job URL: https://www.upwork.com/jobs/~022009685520566693396
- Upwork Job ID: 2009685520566693396
- Last Price Increase: 2026-01-09