Blazor AutoComplete Example - Keyboard Navigation
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
This example demonstrates keyboard interaction capabilities of Blazor AutoComplete component for efficient navigation and selection.
Keyboard shortcuts supported:
Focus Navigation
- Alt + J – Focuses on first component
Input Navigation
- Alt + Down arrow – Opens suggestion list
- Alt + Up arrow – Closes suggestion list
- Home – Cursor moves before first character
- End – Cursor moves after last character
- Tab – Focuses next Tab Index element
- Shift + Tab – Focuses previous Tab Index element
Selection
- Enter – Selects focused item
Popup Navigation
- Down arrow – Opens list or selects next item
- Up arrow – Opens list or selects previous item
- Page down – Scrolls next page
- Page up – Scrolls previous page
- Esc – Closes popup list