[a11y]: Combobox - The scrollable element <ul> with non-interactive content is not tabbable

oartigue commented 1 month ago

Package

@carbon/react

Browser

Chrome, Firefox

Operating System

MacOS, Other

Package version

1.58.0

React version

No response

Automated testing tool and ruleset

IBM Accessibility checker

Assistive technology

No response

Description

The list box of the Combobox doesn't have tabIndex. So the IBM accessibility checker returns this error: The scrollable element <ul> with non-interactive content is not tabbable

WCAG 2.1 Violation

No response

Reproduction/example

See Steps to reproduce

Steps to reproduce

Go to https://react.carbondesignsystem.com/?path=/story/components-combobox--playground
Inspect the <ul role="listbox" class="cds--list-box"> element, you can see there is no tabIndex

Notes:

the button of combobox have got an tabIndex.
I found this issue for dropdown (https://github.com/carbon-design-system/carbon/issues/13110) which had been met the same problem. I didn't find any same issue for combobox.

Code of Conduct

[X] I agree to follow this project's Code of Conduct
[X] I checked the current issues for duplicate problems

LUCROFT commented 1 month ago

Hi ! Sorry to hassle but for our AVT deviation, it would be great to have a timeframe for a fix. Any ideas ? Thanks.

guidari commented 2 weeks ago

Hey, I just added to our Backlog

carbon-design-system / carbon