Keyboard shortcut discoverability demo
Why this matters
- Shortcuts are fast for power users, but they can break typing if they fire inside inputs.
- Single-letter shortcuts can also conflict with assistive tech; keep them scoped, documented, and optional.
- When something changes (selection, archive), announce politely via
role="status"— without moving focus.
Try: J/K (next/previous), E (archive), ? (shortcuts). Arrow keys always work in the list.
Demo: Inbox
Tip: Press ? to view keyboard shortcuts.
(Or use the Keyboard shortcuts button.)
Messages (focus this list and use ↑/↓ or J/K)
Testing notes
- Keyboard-only: Tab to the list, then use ↑/↓ or J/K. Archive with E.
- Typing safety: place caret in the Search input and type j k e ? — nothing should archive or move selection.
- International keyboards: ? may require Shift + another key. The demo listens for the typed question mark.
Share this demo
Related note: Keyboard shortcut discoverability: make it obvious (and safe)
Keyboard shortcuts
Shortcuts are active only when focus is inside the app (and not inside inputs). You can disable them.
| Key | Action |
|---|---|
| J / ↓ | Next message |
| K / ↑ | Previous message |
| E | Archive selected message |
| ? | Open this help dialog |
| Esc | Close dialog |
Checklist note: Keyboard shortcut discoverability: make it obvious (and safe)