Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[a11y]: Screen reader still fail to announce batch toolbar in v11 #17756

Open
2 tasks done
mbgower opened this issue Oct 15, 2024 · 0 comments
Open
2 tasks done

[a11y]: Screen reader still fail to announce batch toolbar in v11 #17756

mbgower opened this issue Oct 15, 2024 · 0 comments

Comments

@mbgower
Copy link

mbgower commented Oct 15, 2024

Package

@carbon/react

Browser

Edge

Operating System

Windows

Package version

Current storybook

React version

@carbon/[email protected]

Automated testing tool and ruleset

n/a

Assistive technology

JAWS

Description

The same issue described in #5242 -- although I think they meant row not column...

I fiddled around and if one uses aria-live="polite" it is relatively easy to get some of the batch action buttons to be announced. It's a bit less easy to get the status message announced, partly because the "O rows selected" is already populated in the aria-hidden div. It would probably make more sense to have this an empty string. The populated text should then be announced. OR, you could try not having it aria-hidden to begin with and literally a blank div, then add the text, which would then make it available.

WCAG 2.1 Violation

4.1.3

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default

Steps to reproduce

  1. Open https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default
  2. Start JAWS (or other SR)
  3. navigate to any table row and select with spacebar. The batch row will appear, however, the status information (e.g., "6 rows selected") will not be announced.

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Code of Conduct

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: No status
Development

No branches or pull requests

2 participants