Keyboard & accessibility¶
The browser is built to be driven from the keyboard, and every drag-and-drop gesture has a keyboard equivalent. This page is the reference.
Media grid¶
Focus a card (click one or Tab into the grid), then:
| Keys | Action |
|---|---|
| Up Down Left Right | Move focus between cards |
| Home / End | Focus the first / last item |
| Enter / Space | Select or deselect the focused item |
| Ctrl+A / Cmd+A | Select all loaded items |
| Shift + Up / Down | Extend the selection (range) |
| I | Open the preview drawer for the focused item |
Directory tree¶
With a folder focused:
| Keys | Action |
|---|---|
| Up / Down | Move between folders |
| Right / Left | Expand / collapse (or step in / out) |
| Home / End | First / last folder |
| Enter / Space | Open the focused folder |
Moving folders without a mouse¶
When drag-and-drop is enabled:
| Keys | Action |
|---|---|
| Alt + Up / Down | Reorder among siblings (weight sort mode) |
| Alt+Right | Nest into the previous sibling |
| Alt+Left | Un-nest to the grandparent |
Every move is announced through an ARIA live region, and in alphabetical sort mode a reorder attempt tells you it needs weight-based sort rather than failing silently.
Modals¶
| Keys | Action |
|---|---|
| Esc | Close the modal (or the open dropdown / menu) |
| Tab / Shift+Tab | Move between controls; focus is trapped inside the field-widget and CKEditor modals so it can't escape to the page behind |
Accessibility notes¶
- Drag-and-drop has full keyboard parity — both moving media between folders and reordering folders can be done entirely from the keyboard.
- Coarse-pointer fallback — on touch devices, where dragging cards would clash with scrolling, card dragging is disabled and the selection tools take over.
- Live announcements — folder moves, drops and selection changes are announced to assistive technology.