-
Notifications
You must be signed in to change notification settings - Fork 218
Description
The 'mult-select' variation of the explainer demos does not presently allow for keyboard focus. Navigating using tab key, it is skipped over.
If one were to open it with the mouse, arrow keys can be used to navigate through the listbox popup's options. However if Space is used, no selection occurs. If Enter key is used the listbox dismisses with no selection taking place.
When a selection is made by a mouse, a list is populated within the 'combobox' where the list item has a 'x' icon. However the combobox remains inaccessible to keyboard and the selected option too is not reachable, nor is communicated as an interactive element which would indicate that it can be removed.
Testing with screen readers, JAWS and NVDA skip over the component completely when navigating with scan mode. Narrator can find the combobox, but always announces it in an expanded state, even with the popup isn't visible. Unlike other screen readers, which skip over the combobox, Narrator can invoke the popup with the Space key. but it cannot select an option, nor can it remove a selected option if one were chosen via mouse click.
Some of what might be needed to correct this example would need to touch on #458, and have clear guidance on what can be slotted for the element that invokes the popup. E.g., a combobox > list pattern like this might need some revisions... and if someone were to replace the standard 'button', then it would have to be with a control that is keyboard focusable.