File tree Expand file tree Collapse file tree 1 file changed +35
-0
lines changed Expand file tree Collapse file tree 1 file changed +35
-0
lines changed Original file line number Diff line number Diff line change
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.
You can’t perform that action at this time.
0 commit comments