halstack-react icon indicating copy to clipboard operation
halstack-react copied to clipboard

Review keyboard accessibility for select component clear actions

Open jsardid opened this issue 3 years ago • 3 comments

Clearing all the selected items at once in a multiple select is not possible right now with keyboard. Since this is possible when using the cursor: is there a way we could improve the keyboard accessibility for this feature?

jsardid avatar Mar 24 '22 12:03 jsardid

I think it would be interesting to add this posibility while using keyboard.

Right now I am thinking about 2 solutions:

  • When escape key is pressed while the Select options list is open, it will be closed, however, if it is pressed while it is already closed, the selected options will be cleared.
  • When escape key is pressed, if there is a multi-select, it will be cleared as long as there are items currently selected).

Personally I consider the first option to be much more advisable, but we will discuss what the final approach will be.

Mil4n0r avatar Feb 12 '24 11:02 Mil4n0r

This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed.

github-actions[bot] avatar Mar 01 '24 01:03 github-actions[bot]

https://www.w3.org/WAI/ARIA/apg/patterns/combobox/

image

The expected behavior according to WAI-ARIA is the first one that I suggested in the previous comment, so I will start implementing it.

Mil4n0r avatar Mar 22 '24 11:03 Mil4n0r