Blazor Dropdown List 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 DropDownList for efficient navigation and selection.
Keyboard shortcuts supported:
Focus Navigation
- Alt + J – Focuses on first component
Input Navigation
- Alt + Down arrow – Opens dropdown popup
- Alt + Up arrow – Closes dropdown popup
- Tab – Focuses next Tab Index element
- Shift + Tab – Focuses previous Tab Index element
Selection
- Enter – Selects focused item or toggles popup
Popup Navigation
- Down arrow – Selects first item or next item
- Up arrow – Selects previous item
- Page down – Scrolls next page
- Page up – Scrolls previous page
- Home – Selects first item
- End – Selects last item
- Esc – Closes popup list