search

jquense / react-widgets

Polished, feature rich, accessible form inputs built with React
http://jquense.github.io/react-widgets/
MIT License
2.34k stars 395 forks source link

Accessibility issue on DropdownList #1112

Open bmdoherty opened 2 years ago

bmdoherty commented 2 years ago

Many thanks for this library its much appreciated!

Whilst migrating from v4 to v5 I noticed what seems to be an issue with the DropdownList component's accessibility. If filter prop undefined or anything other than false, screen readers do not announce the keyboard navigation between options, instead it seems to announce the text input. Setting filter={false} we get the screen reader announcement back. Attaching 2 screenshots that hopefully describe the issue

2021-12-02 (4)

2021-12-02 (3) (1)

jquense commented 2 years ago

hmm I'm honestly not sure how to fix this

bmdoherty commented 2 years ago

thanks for quick reply, It's ok for my current project, as we never had filter before so I don't think they will miss it, so we are ok with filter={false}. Just thought I mention it, as it took me a while to work out