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 Issues with MultiSelect.Filterable

See original GitHub issue

What package(s) are you using?

carbon-components
carbon-components-react

Detailed description

Describe in detail the issue you’re having. Is this a feature request (new component, new icon), a bug, or a general issue?

Is this issue related to a specific component? Yes. MultiSelect.Filterable

What browser are you working in? Version 74.0.3729.169 (Official Build)

What version of the Carbon Design System are you using? v9

Tool used: DAP

Violation 1: The input element has the id “downshift-0-item-0” that is empty or already in use.

Violation 2: The id “downshift-0-item-0” referenced by the ‘for’ attribute of a label element is not a valid input element.

This probably occurred because it detected the id “downshift-0-item-0” on the div first.

Violation 3: The expanded combobox does not own or control a valid popup type. Screen Shot 2019-06-14 at 8 23 18 AM

Potential Violation: An element with WAI-ARIA role listbox does not contain or own at least 1 child element with each of the following WAI-ARIA roles: option Screen Shot 2019-06-14 at 8 16 20 AM

Issue Analytics

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

Top GitHub Comments

1reaction

tw15egancommented, Feb 27, 2020

Just an FYI, we aren’t currently resolving any accessibility issues for v6 of carbon-components-react but you are welcome to contribute a PR and we will work quickly on getting it merged in

0reactions

kglickmancommented, Jul 28, 2020

@tw15egan New defect is https://github.com/carbon-design-system/carbon/issues/6570.

Top Results From Across the Web

Accessibility lessons: dealing with a large amount of form inputs

The accessible autocomplete in multiple selection mode on a mobile device, with facet tags hidden to avoid duplication. The user cannot see what ......

<select> your poison part 2: test all the things - 24 Accessibility

Proving that the <select> element is more accessible than any custom control is not only unsurprising, it is also unhelpful when an autocomplete ......

Thinking on ways to solve MULTI-SELECT - YouTube

To demonstrate multi-select I've prepared a filterable grid which acce ... more GUI Challenges → https://goo.gle/GUIchallenges Subscribe to ...

Filtering Multi select fields - Zoho Cares

Currently our only way to filter is use "contains" and manually type some information into the window. This is problematic since several of...

Primeng control <p-multiSelect> accessibility not working

As shown below, multiselect control seems to be accessible compliant (even though I found few issues) when I test in ...