How to make your editor accessible

Editor

We strive to make Tiptap accessible to everyone. From our current understanding, that’s what needs to be done:

Interface

An interface needs to have well-defined contrasts, big enough click areas, semantic markup, must be keyboard accessible and well documented. Currently, we don’t provide an interface, so for now that’s totally up to you.

But no worries, we’ll provide an interface soon and take accessibility into account early on.

Output

The editor needs to produce semantic markup, must be keyboard accessible and well documented. The Tiptap content is well structured so that’s a good foundation already. That said, we can add support and encourage the usage of additional attributes, for example the Alt-attribute for images.

Writing assistance (optional)

An optional writing assitance could help people writing content semanticly correct, for example pointing out an incorrect usage of heading levels. With that kind of assistance provided by the core developers, we could help to improve the content of a lot of applications.

Resources

DocumentSectionHeading
WCAG 3.07.1Text Alternatives
WCAG 2.11.1.1Non-text Content
WCAG 2.12.1Keyboard Accessible
WCAG 2.12.1.1Keyboard
WCAG 2.14.1.1Parsing
WCAG 2.14.1.2Name, Role, Value
WCAG 2.12.1.2No Keyboard Trap