I’m testing a Select2 element for accessibility, and am running into a bit of a problem.
When using keyboard-navigation and a screen reader (I’ve tried Windows Narrator and NVDA), when I use the arrow keys to move from one option to the next, the screen reader doesn’t announce the value of the option that I’ve highlighted. Instead, it reads out the first letter of the contents of the text input (so, if I haven’t typed anything in the text input, it says “blank”, but, if, for instance, I’ve typed “we”, it will say “w”). My guess is that this has to do with the fact that the text input is keeping the focus, but I’m not sure how to get around that.
If a screen reader can’t announce the values of the options as the user moves through them, then the selector will end up being pretty useless to folks that can’t see it.
Do you have any suggestions? Thanks.