nostyle
nostyle copied to clipboard
Autocomplete's aria-live region should clear itself out so it can't be navigated to
This happens in any screen reader. For example, with NVDA + Firefox:
- Go to https://nostyle.herokuapp.com/examples/autocomplete
- Tab to the control to focus it and type "states"
- Use
NVDA + SPACE
to switch out of forms mode and into browse mode - Press
ARROW_DOWN
. Virtual cursor will be moved to the little dropdown arrow, which announces as "clickable" (could be an issue in and of itself) - Press
ARROW_DOWN
again
Virtual cursor is moved to the hidden aria-live region, where user hears "3 results".
This can be fixed by clearing out the contents of the aria-live region 500ms after it's been added.
Also, sorry if you're not looking for issues yet! Your awesome library was linked to in the web-a11y Slack. I was totally impressed by autocomplete!
Thanks a lot for this @WestonThayer