-
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(multiselect): 5880-multiselect-active-descendent #7908
fix(multiselect): 5880-multiselect-active-descendent #7908
Conversation
Deploy preview for carbon-elements ready! Built with commit 443707a |
Deploy preview for carbon-components-react ready! Built without sensitive environment variables with commit 443707a https://deploy-preview-7908--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.
So sorry for the delay on this one! Just a couple questions below - let me know if I'm off base.
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.
Testing with NVDA in Firefox and JAWS 2020 in Chrome on Windows 10
- If the input has selected options the ability to clear them with del is not described in either reader when the input receives focus, only the number of selected items are read along with the title/label like "multiselect title, 5, multiselect label menu"
…80-multiselect-active-descendent-violation
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.
LGTM 👍 ✅
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.
Great work -- thanks for doing this
Closes #5880
CHANGED:
onKeyDown
event handler to theclear input button
To clear selection, press Delete
TESTING:
Interact with the MultiSelect component with a browser compatible screen reader (i.e. - VoiceOver test on Safari)
Make sure component is fully interactive with keyboard functionalities and descriptions are detailed enough for all users