Keyboard and accessibility
Use the shipped keyboard controls and understand Atoi's navigation, focus, motion, and assistive-technology contract.
Atoi supports pointer, keyboard, touch, and assistive-technology use. Shortcuts are accelerators; every core action still needs an understandable visible control.
#High-signal web shortcuts
| Action | Default |
|---|---|
| Compose to Atoi | Command-K |
| Open command palette | Command-N |
| Open recent conversations | Control-Backtick |
| Open search | / outside an input |
| View shortcuts | Command-/ |
| Toggle sidebar | Command-[ |
| Toggle output panel | Command-] |
| Close the active modal or go back | Escape |
Open the shortcuts dialog for the complete current set and any custom overrides. Sequence shortcuts do not run while focus is in a text input, textarea, or editable region.
#Focus and navigation
Dialogs trap focus while open and return focus to the control that opened them. Lists use predictable arrow-key or tab navigation according to their role. Visible focus rings are part of the design system and should not be removed.
In these docs, Command-K or Control-K opens local search. Arrow keys move through results, Enter opens one, and Escape closes the dialog. The documentation sidebar also supports ArrowUp, ArrowDown, Home, and End.
#Motion and contrast
Navigation and menu-like state changes use no spatial animation. Controls may use short color transitions. Atoi honors reduced-motion preferences and uses semantic design-system colors so light, dark, and custom themes retain their intended contrast relationships.
#Content alternatives
Images need useful alternative text unless they are decorative. Diagrams should be accompanied by an equivalent text explanation. Tables must remain horizontally scrollable without trapping keyboard focus.
If an action is unreachable or unlabeled, report the exact route, control, input method, and assistive technology. See Troubleshooting for the report shape.
Verification sources
- apps/app/src/lib/keyboard/default-shortcuts.ts
- apps/app/src/hooks/use-global-shortcuts.ts
- packages/design/styles/globals.css
Was this useful?