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

(Multiselect): A button must have "no interactive content descendant" #5880

Closed
dakahn opened this issue Apr 16, 2020 · 0 comments · Fixed by #7908
Closed

(Multiselect): A button must have "no interactive content descendant" #5880

dakahn opened this issue Apr 16, 2020 · 0 comments · Fixed by #7908
Labels
role: dev 🤖 severity: 1 https://ibm.biz/carbon-severity type: a11y ♿

Comments

@dakahn
Copy link
Contributor

dakahn commented Apr 16, 2020

When a user selects one or more items in our multiselect component they're presented with a button inside of a button in order to clear their selection:
image
Annotation 2020-04-16 163952

Along with creating a host of accessibility errors/adding to potential screen reader and keyboard user confusion and frustration this violates W3C HTML5 spec 4.10.6 which states "there must be no interactive content descendant" for a button element.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
role: dev 🤖 severity: 1 https://ibm.biz/carbon-severity type: a11y ♿
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant