ARIA Selected and Current in a Listbox
Do screen readers reliably report the aria-selected
aria-current
states in a listbox with options?
Click the “Jump into list” button and use up/down arrows to move between elements. Enter will ARIA select/deselect. Spacebar will toggle aria-current="true"
. The first click/tap on an element will set it to be current, the second to be selected, the third sets it to both, and another will toggle off those properties.
Note: aria-current
is added and removed dynamically; however, aria-selected
is always present, though initially set to false. This is in order to make explicit the fact that aria-selected
is implicitly false on options. We also set aria-multiselectable
on the listbox.
The listbox has an aria-label
in order to test if it reads reliably when the listbox gets focus.
Example
- Option One
- Option Two
- Option Three