Skip to content

Multiselect filterable has set the Clear all selected items button to aria-hidden which means screen readers can't see it #8488

Answered by dakahn
scottdickerson asked this question in Help
Discussion options

You must be logged in to vote

This was an intentional decision for three reasons:

  1. a nested interactable inside an input results in a poor screen reader experience
  2. the clear button itself is a redundant visual affordance (potentially unnecessary). keyboard/screen reader users looking to clear a selection can either use our built in esc functionality or the browser default cmd/ctrl+a, backspace
  3. with a nested interactable in the input itself the next tab stop is inside the component itself and not the next form element/link/whatever. This is potentially confusing UX.

I'll convert this to a discussion for reference/to continue the conversation 👍🏽

Replies: 1 comment 1 reply

Comment options

You must be logged in to vote
1 reply
@sunnyanand17
Comment options

Answer selected by jnm2377
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Help
Labels
None yet
3 participants
Converted from issue

This discussion was converted from issue #8485 on April 22, 2021 20:12.