carbon-addons-iot-react icon indicating copy to clipboard operation
carbon-addons-iot-react copied to clipboard

Published 20 hours ago • verified publisher icon carbon-design-system

[Table] Accessibility violation

Open kalyanixraut opened this issue 3 years ago • 0 comments

What package is this for?

  • [x] React
  • [ ] Angular

Describe the bug

Accessibility violation is found when Table has search enabled in the toolbar. The input field needs aria-label to be set.

To Reproduce

Though I am not sure why PAL's next storybook isn't showing this accessibility violation, but Maximo Graphite which uses the Table component does throw this in its storybook's accessibility tab. image

Adding aria-label to the input seems to fix the accessibility violation. https://dequeuniversity.com/rules/axe/4.3/label-title-only I think this needs to be done at carbon(carbon-components-react) end, which has the base component.

Expected behavior

Aria-label is set in the input of search and Graphite storybook should show no 'Ensures every form element has a label' accessibility violations

Environment/versions:

  • OS: [e.g. MacOS, Windows]
  • Browser: [e.g. chrome, safari]
  • carbon-addons-iot-react version: 2.149.0-next.10

kalyanixraut avatar Mar 25 '22 12:03 kalyanixraut