ARIA Selected and Current in a Listbox
Do screen readers reliably report the
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.
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.
- Option One
- Option Two
- Option Three