Skip to content

Autocomplete's aria-live region should clear itself out so it can't be navigated to #18

@WestonThayer

Description

@WestonThayer

This happens in any screen reader. For example, with NVDA + Firefox:

  1. Go to https://nostyle.herokuapp.com/examples/autocomplete
  2. Tab to the control to focus it and type "states"
  3. Use NVDA + SPACE to switch out of forms mode and into browse mode
  4. 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)
  5. Press ARROW_DOWN again

Virtual cursor is moved to the hidden aria-live region, where user hears "3 results".

screenshot of NVDA focus highlight

This can be fixed by clearing out the contents of the aria-live region 500ms after it's been added.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions