Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  2. Menu
  3. Accessibility
  4. Search Accessibility

Menu

Search Accessibility

Search Accessibility
Ensure search functionality is accessible to all users.
Search Input
The search input is properly labeled and accessible.
The search input receives focus automatically and is announced by screen readers: "Search settings..., edit text"
Search Results
Search results are communicated clearly.
When no results are found, screen readers announce: "No results" (displayed as text in the menu).
Filtered Items
Filtered items maintain their accessibility.
When search filters items, breadcrumb captions show their location, helping users understand context.
Submenu Navigation
Ensure submenu navigation is accessible.
Breadcrumb Navigation
Breadcrumb navigation provides clear context.
Breadcrumb back button shows navigation path: "Settings > Account" and is announced: "Settings > Account, menuitem, navigate back"
Back Navigation
Back navigation works with keyboard and screen readers.
Users can navigate back using:
  • Arrow Left key
  • Breadcrumb back button with Enter or Space
  • Screen readers announce the back action clearly
Previous
Accessibility / Disabled States
Next
Accessibility / Menu Labeling
On this page
Search Accessibility
Search Input
Search Results
Filtered Items
Submenu Navigation
Breadcrumb Navigation
Back Navigation