Accessibility

Keyboard Navigation

You can navigate through Directus Studio entirely with your keyboard. The Skip Menu makes it easy to jump between page sections.

Shortcuts

• Navigation is primarily done with the Tab key and occasionally with the arrow keys.
• Enter your selection with the enter or space keys.
• Save with meta + s.
• Apply edits in modals/drawers/popovers with meta + enter.
• Cancel/exit modals/drawers/popovers with the escape key.

Special shortcuts for the WYSIWYG editor:

• Use Tab to move focus into and through the toolbar, and arrow keys to move between adjacent tools.
• Press Esc to return focus to the editor content area.
• Standard formatting shortcuts apply in the content area, for example meta + b (bold), meta + i (italic), and meta + k (insert link).

The WYSIWYG editor was rebuilt on Tiptap in Directus 12. See the Version 12 breaking changes for details.

Things to keep in mind

• Manual Sorting is currently not supported/accessible.
• Once focused, the code interface (Codemirror) cannot be exited using the tab key.
• The Markdown interface also doesn’t allow you to exit the field. This is because it supports tabs inside the editor’s text content.