Skip to content

[Due for payment 2026-04-14] [$1000] [A11y] Screen Reader: Workspace Category: The accordion button is announced without a state #76929

@nbhardwaj-del

Description

@nbhardwaj-del

Action Performed:

Prerequisite:

  • User is logged in
  1. Using Chrome+JAWS, open the URL: https://new.expensify.com/
  2. Tab to focus on the required workspace and press Enter to activate it
  3. Once the Workspace menu is displayed, tab to focus on the "Categories" menu item and press Enter to activate it
  4. Tab to focus the More button and observe the screen reader announcement.

Expected Result:

The accordion button should communicate its expanded or collapsed state to assistive technologies. When expanded, the button should indicate “expanded”, and when collapsed, it should indicate “collapsed”.

Actual Result:

The expanded collapsed state of the accordion button "more" is not announced by the screen reader upon activation. When focused the screen reader only announces the role and label of the control without indicating whether it is expanded or collapsed. As a result, users relying on assistive technologies cannot determine the current state of the accordion content.

HTML:

More
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 20 20" width="16" height="16" hovered="false" pressed="false" fill="#A2A9A3">

Area issue was found in:

Workspace Category

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:

Add the "aria-expanded" attribute to the accordion button to indicate its current state.

Refer:
https://www.w3.org/WAI/ARIA/apg/patterns/accordion/

Environment(s)

Windows Windows 11 - Chrome

Screenshots/Videos

Bug6996806_1762786478474.Screen_Reader-_Workspace_Category-The_accordion_button_is_announced_without_a_state.mp4
Image

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/6996806
Issue reported by: NA
Slack conversation: NA

Upwork Automation - Do Not Edit
  • Upwork Job URL: https://www.upwork.com/jobs/~022013102921460848748
  • Upwork Job ID: 2013102921460848748
  • Last Price Increase: 2026-04-14
Issue OwnerCurrent Issue Owner: @mallenexpensify

Metadata

Metadata

Labels

AccessibilityIssues affecting WACG accessibility on any platform.Awaiting PaymentAuto-added when associated PR is deployed to productionBugSomething is broken. Auto assigns a BugZero manager.DailyKSv2ExternalAdded to denote the issue can be worked on by a contributor

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions