Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Screen Readers not able to read dropdown options when we have search functionality #246

Closed
gnbm opened this issue Apr 26, 2023 · 3 comments

Comments

@gnbm
Copy link
Collaborator

gnbm commented Apr 26, 2023

Hello @sa-si-dev
While doing accessibility tests based on a customer request, I found out that once we have search functionality on the dropdowns, the screen readers are not able to read the dropdown options. So, using the arrow keys to move up and down through the list of options only causes the screen reader to say 'blank' (if the user has entered no characters in the search bar), or whatever characters the user has entered.
Also, when a selection is made, nothing is read out to the user, so they would have no way of knowing which selection has just been made. The icon to delete the search data typed by the end user doesn't seem to be reachable using the keyboard.
This is quite urgent in terms of accessibility (which is a hot topic nowadays), is there a way to achieve this with the current version?
Cheers

@gnbm
Copy link
Collaborator Author

gnbm commented Apr 26, 2023

Just to complement, running for instance Wave we can get this information:
image

@gnbm
Copy link
Collaborator Author

gnbm commented May 29, 2023

What was done in v1.0.38?

  • Added new searchFormLabel option. This option will the used to enhance accessibility when using the search functionality on the dropdowns. Default = 'Search'
  • Added new ariaLabelText option. This option will the used to enhance accessibility when focusing on the dropdown wrapper making it verbose. Default = 'Options list'.

Still Missing

  • screen readers are not being able to read the options while navigating the list of options since the focus seems to stay on the search box (they spell "blank" or the text that is on the search box);
  • screen readers are not being able to read the selected options;
  • once on the list of options we cannot go back to the search box;
  • we cannot reach the clear icons using the keyboard and they're not read by the screen readers;

cc: @sa-si-dev

@gnbm
Copy link
Collaborator Author

gnbm commented Jun 18, 2023

This issue has been fixed in the release v1.0.39.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant