Blazor MultiSelect Dropdown 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 the keyboard interaction capabilities of MultiSelect component for efficient navigation and selection without using the mouse.
Keyboard shortcuts supported:
Focus Navigation
- Alt + J – Focuses on the first component
Input Navigation
- Alt + Down arrow – Opens the popup list.
- Alt + Up arrow – Closes the popup list.
- Tab – Focuses on the next Tab Index element when popup is closed; closes popup when open.
- Shift + Tab – Focuses on the previous Tab Index element when popup is closed; closes popup when open.
Selection
- Enter – Selects the focused item and closes the popup list.
Popup Navigation
- Down arrow – Sets focus on the first item when no item is selected; otherwise moves to the next item.
- Up arrow – Moves focus to the previous item.
- Page Down – Scrolls to the next page and sets focus on the first item when popup opens.
- Page Up – Scrolls to the previous page and sets focus on the first item when popup opens.
- Home – Sets focus on the first item.
- End – Sets focus on the last item.
- Esc – Closes the popup list and retains the current selection.