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.

Cannot add 'aria-label' attribute to TableToolbarSearch.js component

See original GitHub issue

What package(s) are you using?

carbon-components-react

Detailed description

Describe in detail the issue you’re having. The ‘search’ region in the TableToolbarSearch.js region does not have an ‘aria-label’ attribute, and it is not possible to add one.

Is this issue related to a specific component? TableToolbarSearch.js

Steps to reproduce the issue

See the role=“search” region on Carbon storybook: https://react.carbondesignsystem.com/?path=/story/datatable--with-toolbar

Screenshot shows the storybook with the relevant div highlighted: Screenshot 2020-02-06 at 16 42 32

Screenshot shows ‘role=“search”’ region in TableToolbarSearch in carbon-design-system/carbon: Screenshot 2020-02-06 at 16 43 08

Notes

Issue Analytics

State:
Created 4 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

abbeyhrtcommented, Feb 21, 2020

It will! We are currently planning on releasing 10.10 by the end of next week!

0reactions

clarebyrnecommented, Feb 18, 2020

Hi @abbeyhrt will this fix be included in the upcoming v10.10.0 release?

Top Results From Across the Web

Element.ariaLabel - Web APIs - MDN Web Docs

The ariaLabel property of the Element interface reflects the value of the aria-label attribute, which defines a string value that labels the ...

Adding aria-label to angular component - Stack Overflow

Right now, when I test this with JAWS there is no description being read (ideally it should read the rating for the user)....

How to add ARIA attributes to a component

I'm trying to add some aria attributes and alt attributes to the header section of the mdb-side-nav component (See below). Is there an...

ARIA Techniques for WCAG 2.0 - W3C

This example uses scripting to add an aria-describedby property to buttons ... aria-label to provide an invisible label where a visible label cannot...

https://raw.githubusercontent.com/carbon-design-sy...

Fixing some parts of the logic in MultiWorkspaceSuiteHeaderAppSwitcher to ... Bug Fixes * **header:** add isSideNavExpanded prop to fix aria-label for ...