Accessibility Issue: <ibm-search>
See original GitHub issueDetailed description
Describe in detail the issue you’re having.
If you use two ibm search components on the same page, you get an accessibility violation from IBM’s accessibility plugin about “Multiple elements with “search” role do not have unique labels” and the only fixes are to add the aria-label or aria-labeledby attributes to the elements with the “search” role.
Edit: issue also happens if you have one <ibm-search>
and one <ibm-table-toolbar-search>
Is this a feature request (new component, new icon), a bug, or a general issue?
General Issue
Is this issue related to a specific component?
Search component, <ibm-search>
What did you expect to happen? What happened instead? What would you like to see changed?
Arialabel input needs to be added and binded to the div with the ‘search’ role
What browser are you working in?
Chrome
What version of the Carbon Design System are you using?
v4
What offering/product do you work on? Any pressing ship or release dates we should be aware of?
MCMP
Steps to reproduce the issue
- Install the IBM accessibility checker
- Run it on a webpage with two <ibm-search> components or one
<ibm-search>
and one<ibm-table-toolbar-search>
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (4 by maintainers)
Top GitHub Comments
Sure I can try, never contributed to an open source before
🎉 This issue has been resolved in version 4.40.2 🎉
The release is available on:
Your semantic-release bot 📦🚀