⌨️Keyboard Navigation Reference
Reference guide for keyboard navigation patterns in web apps. Common shortcuts and ARIA patterns.
🆓 Free🔒 Secure⚡ Instant📱 Mobile-friendly🚫 No signup
Free keyboard navigation reference. Common patterns, shortcuts, ARIA interactions for web apps.
| Key | Component | Behavior | ARIA |
|---|---|---|---|
| Tab | General | Move focus to next focusable element | tabindex='0' for custom elements |
| Shift+Tab | General | Move focus to previous focusable element | tabindex='0' for custom elements |
| Enter | Button | Activate the button | role='button' |
| Space | Button | Activate the button | role='button' |
| Enter | Link | Follow the link | role='link' |
| Space | Checkbox | Toggle checked state | role='checkbox', aria-checked |
| Arrow Down | Select/Listbox | Move to next option | role='listbox', role='option' |
| Arrow Up | Select/Listbox | Move to previous option | role='listbox', role='option' |
| Arrow Right | Tab | Move to next tab | role='tablist', role='tab', aria-selected |
| Arrow Left | Tab | Move to previous tab | role='tablist', role='tab', aria-selected |
| Home | Tab | Move to first tab | role='tablist' |
| End | Tab | Move to last tab | role='tablist' |
| Escape | Dialog/Modal | Close the dialog | role='dialog', aria-modal='true' |
| Escape | Dropdown/Menu | Close the menu and return focus to trigger | role='menu', aria-expanded |
| Arrow Down | Menu | Move to next menu item | role='menu', role='menuitem' |
| Arrow Up | Menu | Move to previous menu item | role='menu', role='menuitem' |
| Enter | Menu | Activate focused menu item | role='menuitem' |
| Arrow Right | Tree | Expand node / move to child | role='tree', role='treeitem', aria-expanded |
| Arrow Left | Tree | Collapse node / move to parent | role='treeitem', aria-expanded |
| Arrow Down | Slider | Decrease value | role='slider', aria-valuenow |
| Arrow Up | Slider | Increase value | role='slider', aria-valuenow |
| Arrow Right | Slider | Increase value | role='slider', aria-valuenow |
| Arrow Left | Slider | Decrease value | role='slider', aria-valuenow |
| Space | Radio Group | Select focused radio button | role='radiogroup', role='radio', aria-checked |
| Arrow Down/Right | Radio Group | Move to and select next radio | role='radiogroup' |
| Arrow Up/Left | Radio Group | Move to and select previous radio | role='radiogroup' |
| Enter | Combobox | Select current option or open list | role='combobox', aria-expanded |
| Escape | Combobox | Close the dropdown list | role='combobox' |
| Arrow Down | Combobox | Open list / move to next option | role='combobox', role='option' |
| Page Down | Grid | Scroll down one page | role='grid' |
| Page Up | Grid | Scroll up one page | role='grid' |
| Ctrl+Home | Grid | Move to first cell | role='grid' |
| Ctrl+End | Grid | Move to last cell | role='grid' |
How to Use Keyboard Navigation Reference — Step by Step
- 1Upload your file using the drag-and-drop zone above, or click to browse your device
- 2Configure any options shown below the upload area
- 3Click the process button and wait a few seconds for the result
- 4Download the processed file — ready to use immediately
Related Tools
Popular on ToolNest
Frequently Asked Questions
Is this tool completely free?
Yes. All ToolNest tools are 100% free with no signup required, no account, and no watermarks added to output files.
Are my uploaded files secure and private?
All uploads use HTTPS encryption during transfer. Files are processed on secure isolated servers and automatically deleted within 2 hours of upload.
Does this tool work on mobile phones?
Yes. ToolNest works on any modern browser on iPhone, Android, tablet, or desktop — no app download or plugin needed.
Do I need to create an account?
No. Just open the tool, upload your file, and download the result. No email, no signup, no password.