iECHO is designed to be accessible using only a keyboard. This guide provides an overview of keyboard shortcuts that help users navigate and interact with various elements on the platform efficiently.
Navigating Interactive Elements
- Tab – Move forward through interactive elements.
- Shift + Tab – Move backward through interactive elements.
Interacting with Elements
Links
- Enter – Activate the link.
Buttons
- Enter or Spacebar – Activate the button.
Checkboxes
- Spacebar – Check/uncheck a checkbox.
Radio Buttons
- Spacebar – Select the focused option (if not selected).
- ↑ / ↓ or ← / → – Navigate between radio button options.
- Tab – Leave the radio button group.
Select (Dropdown) Menus
- ↑ / ↓ – Navigate between options.
- Spacebar – Expand the dropdown menu.
- Enter / Esc – Select an option and collapse the menu.
Autocomplete Fields
- Start typing to filter options.
- ↑ / ↓ – Navigate through filtered options.
- Enter – Select an option.
Dialogs (Modals & Pop-ups)
- Esc – Close the dialog.
Sliders
- ↑ / ↓ or ← / → – Increase or decrease slider value.
- Home / End – Jump to the beginning or end.
- Tab / Shift + Tab – Toggle between ends for double-headed sliders.
- PageUp / PageDown – Adjust in larger increments (e.g., 10%).
Menu Bars
- ↑ / ↓ – Move between menu options.
- Enter – Expand the menu (if applicable) and select an option.
- ← / → – Expand/collapse submenus.
Tab Panels
- Tab – Navigate into and out of tab groups.
- ↑ / ↓ or ← / → – Move between and activate tabs.
‘Tree’ Menus
- ↑ / ↓ – Move between menu options.
- ← / → – Expand/collapse submenus and navigate hierarchy levels.
Scrolling
- ↑ / ↓ – Scroll vertically.
- ← / → – Scroll horizontally.
- Spacebar / Shift + Spacebar – Scroll by page.