You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Navigate using the Tab key to the Workspaces section.
Move focus to the More options icon (three vertical dots) > Duplicate Workspace
Navigate using the tab key to the Next button and press Enter to activate it.
Navigate using the tab key to the 'Select all' checkbox and observe the screen reader announcement.
Other Occurrences:
On Workspace - Categories: the checkbox 'Select all'
On Workspaces - Distance Rates: the checkbox 'Select all'
Expected Result:
The checkbox should be announced with a clear, descriptive label that conveys its purpose, e.g.:
'select all features'
Actual Result:
The “Select all” checkbox is announced non-descriptively by the screen reader. It is only read as “Select all, checked, checkbox” without additional context regarding what is being selected (e.g., workspace items, report fields, etc.). This makes it unclear to users what the checkbox action applies to.
Descriptive headings are necessary for users who have disabilities that make reading slow and for people with limited short-term memory. These users benefit when section titles make it possible to predict what each section contains. Form input controls with labels that clearly describe the content that is expected to be entered helps users know how to successfully complete the form.
Suggested resolution:
Use the aria-label to announce the checkbox, e.g.:
Action Performed:
Prerequisites:
Other Occurrences:
Expected Result:
The checkbox should be announced with a clear, descriptive label that conveys its purpose, e.g.:
Actual Result:
The “Select all” checkbox is announced non-descriptively by the screen reader. It is only read as “Select all, checked, checkbox” without additional context regarding what is being selected (e.g., workspace items, report fields, etc.). This makes it unclear to users what the checkbox action applies to.
HTML:
Area issue was found in:
Workspace
Failed WCAG checkpoints
WCAG 2.4.6 Headings and Labels
https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels
User impact:
Descriptive headings are necessary for users who have disabilities that make reading slow and for people with limited short-term memory. These users benefit when section titles make it possible to predict what each section contains. Form input controls with labels that clearly describe the content that is expected to be entered helps users know how to successfully complete the form.
Suggested resolution:
Use the aria-label to announce the checkbox, e.g.:
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label
Environment(s)
Windows Windows 11 - Chrome
Screenshots/Videos
Bug6996794_1762753352662.Screen_Readers-_Many_Pages-_The_checkbox__Select_all__is_announced_non-descriptively.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/6996794
Issue reported by: NA
Slack conversation: NA
Upwork Automation - Do Not Edit