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.

MultiSelect (other dropdowns?) always have `aria-selected=false` even when selected

See original GitHub issue

Detailed description

What version of the Carbon Design System are you using?

10.15

What did you expect to happen?

When selecting an option in MultiSelect, it has attribute aria-selected="true".

What happened instead?

The attribute aria-selected is always false, even when option is selected.

Steps to reproduce the issue

Load storybook for MultiSelect: https://react.carbondesignsystem.com/?path=/story/multiselect--default
Open menu and inspect an option. Notice that aria-selected attribute is false.
Select an option, so that it has a checkmark.
Inspect that option. Notice that aria-selected is still false instead of true.

Issue Analytics

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

Top GitHub Comments

1reaction

jhpedemontecommented, Jul 10, 2020

The spec (https://www.w3.org/TR/wai-aria-practices/examples/checkbox/checkbox-1/checkbox-1.html) specifies an aria-checked attribute. Also, shouldn’t the list item have role="checkbox"?

0reactions

joshblackcommented, Aug 26, 2020

Hey @jhpedemonte! 👋 Sorry for the delay, I believe the current item is set with aria-activedescendant if I remember correctly.

Top Results From Across the Web

Listbox Example | WAI-ARIA Authoring Practices 1.1

This example uses a single-select listbox, but works just as well with a multi-select listbox. Other Accessibility Features. Keyboard shortcuts for action ...

aria-multiselectable - Accessibility - MDN Web Docs

The aria-multiselectable attribute indicates that the user may select more than one item from the current selectable descendants.

"onDropDownClose" event is getting triggered all time even if I ...

Hence,I am using "onDropDownClose" event to get all the selected values and load the other data based on the selected multiple values. <ng- ......

Combobox - Lightning Design System

On mobile devices, such as phones and other devices that have touch as the ... Every option has aria-selected="false" by default ... Multiple...

Should selected options be removed from single- and multi ...

Also, should this behavior be different for single-select and multi-select dropdown lists? Show selected options: Remove selected options: input ...