Skip to content

Commit cbc6095

Browse files
A11y docs for keyboard navigation and shortcuts (#384)
* Add accessibility documentation for keyboard navigation and shortcuts * Update content/getting-started/10.accessibility.md * Update content/getting-started/10.accessibility.md * Update content/getting-started/10.accessibility.md --------- Co-authored-by: Alex Gaillard <[email protected]>
1 parent 6c9d9e2 commit cbc6095

File tree

1 file changed

+35
-0
lines changed

1 file changed

+35
-0
lines changed
Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
---
2+
description: We are always looking for ways to make Directus Studio more accessible. Here are some of the methods we currently support.
3+
title: Accessibility
4+
---
5+
6+
7+
## Keyboard Navigation
8+
9+
You can navigate through Directus Studio entirely with your keyboard. The Skip Menu makes it easy to jump between page sections.
10+
11+
### Shortcuts
12+
13+
- Navigation is primarily done with the `Tab` key and occasionally with the arrow keys.
14+
- Enter your selection with the `enter` or `space` keys.
15+
- Save with `meta` + `s`.
16+
- Apply edits in modals/drawers/popovers with `meta` + `enter`.
17+
- Cancel/exit modals/drawers/popovers with the `escape` key.
18+
19+
Special shortcuts for the TinyMCE/WYSIWYG Editor:
20+
21+
- `alt` + `F10` Focus/jump to toolbar
22+
- Arrow Keys: Navigate left/right through toolbar
23+
- `Esc`: Return to the editor content area
24+
25+
Read more: https://www.tiny.cloud/docs/tinymce/6/tinymce-and-screenreaders/
26+
27+
### Things to keep in mind
28+
29+
- Visual Editor is only accessible on the Directus side — not your website. So we always need to click an edit button first, then the
30+
overlays are accessible.
31+
- Manual Sorting is currently not supported/accessible.
32+
- The DateTime interface is currently not supported/accessible.
33+
- Once focused, the code interface (Codemirror) cannot be exited using the tab key.
34+
- The Markdown interface also doesn’t allow you to exit the field. This is because it supports tabs inside the editor’s
35+
text content.

0 commit comments

Comments
 (0)