React-Select requires dropdowns to be searchable in order to have aria-labels

microsoft / WebTemplateStudio

Microsoft Web Template Studio quickly builds web applications using a wizard-based UI to turn your needs into a foundation of best patterns and practices

https://aka.ms/webtsinstall

MIT License

2.02k stars 204 forks source link

React-Select requires dropdowns to be searchable in order to have aria-labels #460

Open ngkelly3 opened 5 years ago

ngkelly3 commented 5 years ago

In order to make accessibility requirements, dropdowns must be searchable in order to apply aria-labels.

This is a limitation of the React-Select package being used. This is a known issue and a PR is up to fix this.

https://github.com/JedWatson/react-select/pull/3090

If this is a critical issue and can't wait for this PR, then a new dropdown should be investigated or a custom one built.

prupipho commented 4 years ago

Having a look at this. It looks that you cannot move on the dropdown properly with the arrows, you can move using the tab and select the first or last option using Start / End (Inicio / Fin) keyboard keys.