-
Notifications
You must be signed in to change notification settings - Fork 1.6k
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
Typeahead: suggested options not conveyed to screen readers #1945
Comments
I have tested typeahead and it works perfect with JAW18 and IE edge. |
Hello, |
Did you tested with JAW18 on IE edge? Also did you test the aceesibility of Google search ? |
I tested but the version of the screen reader makes no difference as this behavior is not implemented. |
Bug description:
Accessibility issue
As raised during an accessibility audit, when using an autocomplete feature, the list of suggested options should be conveyed to screen readers users.
The same issue is observed with the ng-bootstrap typeahead widget.
After typing a letter and options appear, this information is currently not conveyed to screen reader users, who can not know that options are available.
Same issue is occurring when no option is found.
The recommendation is to add a hidden sentence for screen readers like "2 options are available, please use up and down arrow keys to navigate"/"No results available" that will be read out after typing a letter.
An aria live region could be used to achieve this (role="status" and aria-live="polite").
Tested with NVDA/Firefox and JAWS/IE
Link to minimally-working plunker that reproduces the issue:
https://ng-bootstrap.github.io/#/components/typeahead/examples
Version of Angular, ng-bootstrap, and Bootstrap:
Angular: angular 4.4.6
ng-bootstrap: 1.0.0-beta.5
Bootstrap: 4.0.0-beta.2
The text was updated successfully, but these errors were encountered: