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

fix(DataTable): backport checkbox selection a11y fix to v10 #14438

Conversation

kenneth-nguyen1
Copy link

Closes #14002
Refs #14206

Backports a11y fix for the InlineCheckbox component to v10

This fixes the AVT violation The ARIA attributes "aria-label" are not valid for the element <label> with ARIA role "none" seen on the DataTable Selection variant in Carbon v10.

Changelog

Changed

  • Copied changes over from v11 regarding the referenced issue
  • Updated snapshot tests for unit tests to pass with new DOM structure changes

Testing / Reviewing

  • Verify that the reported violation in [a11y]: Datatable - Selection story a11y violation  #14002 does not occur for the DataTable Selection variant through the v10 storybook using the IBM a11y checker scan (09 August 2023 latest version deployment).
  • No new violations introduced, no style or functional regressions
  • VO now announces the action of the checkbox (Select row, Unselect row, Select all rows, Unselect all rows)

@kenneth-nguyen1 kenneth-nguyen1 requested a review from a team as a code owner August 14, 2023 22:42
@kenneth-nguyen1 kenneth-nguyen1 requested review from tay1orjones and andreancardona and removed request for a team August 14, 2023 22:42
Copy link
Member

@tay1orjones tay1orjones left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Appreciate this, thanks! 🙌

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants