-
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(TableToolbarSearch): allow screen reader navigation #7986
fix(TableToolbarSearch): allow screen reader navigation #7986
Conversation
cc @carmacleod |
fb11275
to
de8f05e
Compare
Deploy preview for carbon-elements ready! Built with commit 99dddeb |
Deploy preview for carbon-components-react ready! Built with commit 99dddeb https://deploy-preview-7986--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.
🔥 The animation looks so nice!!
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.
I don't have JAWS set up yet so can't confirm the screen reader action, but the rest is 👍
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.
Tested with JAWS latest on Windows 10 using Chrome and the search role is read and recognized using insert+down arrow
to read the page
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.
Nice!
This PR currently has a merge conflict. Please resolve this and then re-add the |
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.
Nice work, @emyarod !
de8f05e
to
99dddeb
Compare
DCO Assistant Lite bot: Thanks for your submission! We ask that you sign our Developer Certificate of Origin before we can accept your contribution. You can sign the DCO by adding a comment below using this text: I have read the DCO document and I hereby sign the DCO. You can retrigger this bot by commenting recheck in this Pull Request |
Closes #7915
This PR removes the div wrapper around the table toolbar search component so that screen readers can focus on the input field. The search bar transitions are also fixed so that expanding the search bar now animates properly as well
Changelog
Testing / Reviewing
Confirm that the table toolbar search behavior and appearance matches the current component on top of being screen reader accessible