-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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): search accessibility issue #7359
fix(dataTable): search accessibility issue #7359
Conversation
Deploy preview for carbon-elements ready! Built with commit bcbc6f8 |
Deploy preview for carbon-components-react ready! Built without sensitive environment variables with commit bcbc6f8 https://deploy-preview-7359--carbon-components-react.netlify.app |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
should the attribute just be removed instead of set to false?
A good point, yes it probably should just be removed. I will update it. Thank you! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
thanks for the update, looks good to me
you most likely will need to update snapshots to pass CI (run |
@emyarod Do you have any advice for how to fix it? |
b406185
to
69c0d46
Compare
I'm not sure what the test failures are without being able to see the output but I went ahead and updated the snapshots and pushed them up |
Thank you! |
Closes #7358
This PR removes the aria-hidden on the DataTable Toolbar Search Input to remove a11y violations. The search is an input and a focusable element, therefore aria-hidden should never be true.
Changelog
Changed
aria-hidden: {!expanded} [removed]
Aria-hidden was being set by whether the search was expanded. Because it is focusable either way, aria-hidden should always be false. It does not need to be set.
Testing / Reviewing
Inspect the search element on a data table. The input element should have no value for aria-hidden