question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Accessibility Issue: <ibm-search>

See original GitHub issue

Detailed 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

  1. Install the IBM accessibility checker
  2. Run it on a webpage with two <ibm-search> components or one <ibm-search> and one <ibm-table-toolbar-search>

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
amchris98commented, Feb 25, 2021

Sure I can try, never contributed to an open source before

0reactions
carbon-botcommented, Mar 2, 2021

🎉 This issue has been resolved in version 4.40.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

Read more comments on GitHub >

github_iconTop Results From Across the Web

Product Accessibility Reports - IBM
You can learn about the accessibility of IBM products by selecting an offering(s) from the table below. We publish the Accessibility Conformance Report ......
Read more >
IBM accessibility requirements
This page lists the accessibility requirements that need to be met for recent releases of several standards and regulations. IBM teams are required...
Read more >
Home – IBM Accessibility
Tools and resources to build offerings that are usable and delightful for people of all abilities. Equal Access Toolkit ...
Read more >
Scan your entire website for accessibility issues with a few ...
Updates to the open source IBM Accessibility Checker make scanning entire sites and applications more effective.
Read more >
4.1.3 Accessibility-supported technologies only - IBM
Use accessibility-supported technologies. Any information or functionality that is implemented in technologies that are not accessibility supported must ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found