MIT — Free for personal and commercial use. No licensing fees for private or commercial apps. License MIT licensed — free for commercial use
Editra documentation

Accessibility

Navigate the editor with a keyboard and create documents with a clear, readable structure.

Open full example

Keyboard navigation

Use Tab and Shift+Tab to move between focusable controls. In menus, use arrow keys to move between items, Enter or Space to activate a control, and Escape to close the current overlay. Nested menus return to their parent when closed with the keyboard.

Formatting shortcuts use Ctrl on Windows and Linux, or Cmd on macOS. See the shortcut reference for supported commands. Inside a table, Tab moves to the next cell and Shift+Tab moves to the previous cell; Tab from the last cell can add a row.

Focus and control labels

Toolbar buttons and menus have accessible labels and visible focus states. Dropdowns expose their current selection, and property panels label their fields. Keep the editor host clearly labelled in your application and verify the complete focus order with your keyboard and screen reader.

Create readable documents

  • Use headings in a logical order and lists for related items.
  • Give links meaningful text and images useful alternative text.
  • Use table headers when cells label data, and keep table structures simple.
  • Maintain readable contrast and avoid relying on colour alone to explain information.
  • Set the appropriate language and text direction for multilingual content.

Review your integration

Accessibility depends on the editor configuration, document content, surrounding application, browser, and assistive technology. Test the workflows your users need. This guidance does not claim accessibility certification.

Explore multilingual editing, compliance boundaries, or report an accessibility issue with reproduction steps and your browser and assistive technology versions.