You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Selectable currently supports exclusions by clicking on each option multiple times: clicking once sets it to "included", clicking again sets it to "excluded", and clicking again resets it to nothing.
There isn't a great way to expose this to assistive tech (currently being done with aria-labels reading out instructions) but also this doesn't seem very discoverable to many people without specific instructions being given on the page.
I'd like to propose an alternative design that shows the "exclusion" action on hover/focus on each option. (This could be further extended to show both an "exclusion" and "inclusion" actions if there's concern that people would then stop clicking on the option itself for "inclusion" - the default action.)
Quick prototype showing just the "exclusion" action on hover:
The text was updated successfully, but these errors were encountered:
👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.
Selectable currently supports exclusions by clicking on each option multiple times: clicking once sets it to "included", clicking again sets it to "excluded", and clicking again resets it to nothing.
There isn't a great way to expose this to assistive tech (currently being done with
aria-label
s reading out instructions) but also this doesn't seem very discoverable to many people without specific instructions being given on the page.I'd like to propose an alternative design that shows the "exclusion" action on hover/focus on each option. (This could be further extended to show both an "exclusion" and "inclusion" actions if there's concern that people would then stop clicking on the option itself for "inclusion" - the default action.)
Quick prototype showing just the "exclusion" action on hover:
The text was updated successfully, but these errors were encountered: