JedWatson / react-select

The Select Component for React.js
https://react-select.com/
MIT License
27.42k stars 4.1k forks source link

JAWS screen reader highlight/focus issue #5875

Open juanthedeveloper opened 3 months ago

juanthedeveloper commented 3 months ago

Issue: Focus/highlight does not work properly for non searchable and searchable options when using JAWS screen reader

I think the issue lies with the dummy input used for non searchable options. The dummy input ends up outside the select component which leads JAWS to focus that. For searchable option, the highlighting isn't as bad since it does at least do it inside the component but ideally should do it for entire component. Tabbing to it is the easiest way to trigger the issue but also does it sometimes when clicking.

This is an accessibility issue.

Non searchable option video: https://github.com/JedWatson/react-select/assets/86272014/ba360e6e-f5a0-4971-9c06-42af92c67e6b