Keyboard Navigation
The FleetOps console is fully keyboard-navigable and compatible with screen readers. Every interactive element is reachable by keyboard alone.
General navigation
| Key | Action |
|---|---|
| Tab | Move focus to the next interactive element. |
| Shift + Tab | Move focus to the previous interactive element. |
| Enter / Space | Activate a focused button or link. |
| Escape | Close the mobile sidebar or the user menu. |
Skip to content
When you press Tab on any page, the first item that receives focus is a "Skip to main content" link. Press Enter to jump directly to the page content, bypassing the navbar and sidebar. This is particularly useful if you navigate primarily by keyboard.
User menu
The avatar button in the top-right corner opens a dropdown menu.
| Key | Action |
|---|---|
| Enter / Space | Open or close the menu. |
| ↓ Arrow Down | Open the menu and move to the first item. |
| ↑ Arrow Up | Open the menu and move to the last item. |
| ↓ / ↑ in menu | Move between menu items. |
| Home | Jump to the first menu item. |
| End | Jump to the last menu item. |
| Escape | Close the menu and return focus to the avatar button. |
| Tab | Close the menu and move focus to the next page element. |
Forms
| Key | Action |
|---|---|
| Tab | Move to the next field. |
| Shift + Tab | Move to the previous field. |
| Enter | Submit the form (when a field is focused). |
Screen reader support
All interactive elements include descriptive labels (aria-label), so screen readers announce what each control does. Error messages in forms are marked as live regions — your screen reader will announce them automatically when they appear, without you having to navigate back to them.
The sidebar toggle buttons announce their expanded/collapsed state, and the main navigation landmarks (nav, main, aside) are labelled so you can jump between them using your screen reader's landmark navigation.