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

Indeterminate Checkbox - Incorrect message announced to assistive tech #1231

Closed
orion-cengage opened this issue Apr 11, 2024 · 2 comments · Fixed by #1428
Closed

Indeterminate Checkbox - Incorrect message announced to assistive tech #1231

orion-cengage opened this issue Apr 11, 2024 · 2 comments · Fixed by #1428
Assignees
Labels
a11y Issues related to accessibility bug Something isn't working react-magma-dom Tasks related to react-magma-dom

Comments

@orion-cengage
Copy link
Contributor

orion-cengage commented Apr 11, 2024

CENG_3302

Docs: https://react-magma.cengage.com/version/4.3.0/api/indeterminate/

Success Criteria: https://www.w3.org/WAI/WCAG21/Understanding/name-role-value

Within the Indeterminate checkbox, when the state of a checkbox is indeterminate that message is not announce to assistive technology. The message that is announced is not checked.

Use aria-checked="mixed" for an indeterminate checkbox when some of, but not all of, it's children are selected. A detailed example of this can be found here: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/examples/checkbox-mixed/

@orion-cengage orion-cengage added bug Something isn't working react-magma-dom Tasks related to react-magma-dom labels Apr 11, 2024
@silvalaura silvalaura added the a11y Issues related to accessibility label Apr 15, 2024
@silvalaura
Copy link
Collaborator

We use indeterminate checkboxes inside multiple components, so let's confirm this doesn't affect those negatively. Example: TreeView and DataGrid

@silvalaura
Copy link
Collaborator

  • Confirmed Indeterminate checkbox on its own ✅
  • Confirmed Datagrid ✅
  • Confirmed TreeView ✅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Issues related to accessibility bug Something isn't working react-magma-dom Tasks related to react-magma-dom
Projects
Status: Done
3 participants