This page simulates what an author would experience while editing content using the latest release, which added the ability to check inside the content editor itself, as-you-type.
This demo includes an editable container, running TinyMCE. Editoria11y can also act as a live accessibility checker for CKEditor5 and Gutenberg, and the Drupal and WordPress plugins enable this by default.
Things to try on this page:
- Explore the tips, either by manually toggling the tooltips below, or by using the “Next” button on the control panel.
- Try marking a manual check as “OK” or “Hidden,” then restoring it from the control panel.
- Test the visualizer button on the panel to explore the document outline and alt text.
This is an editable region -- click in to see the TinyMCE interface appear. Add and delete content, create and fix issues. The easiest way to get a new tip to appear is to TYPE A SENTENCE IN CAPS LOCK.
Headings
Empty headings
This heading has no text:
Skipped heading levels
This H6 should have been an H3
Suspiciously long headings
A very long heading. Headings should not be used for emphasis, but rather for a document outline, so if you find yourself talking this much, this probably is being used for visual formatting, not a heading.
Suspiciously short blockquotes that maybe should be headings
Not a blockquote
Suspicious paragraphs that look like headings
This looks suspiciously like a heading
Note that this test only flags an all-bold paragraph that has no punctuation at all,
so this paragraph will not be flagged as a false positive.
Text alternatives
Image marked as decorative with an empty alt
This might be OK; flagged as needing manual review.
Image with an invalid alt attribute
E.g., alt="'"
Image with a filename as an alt
Image with redundant text in its alt
E.g., “image of.”
Image with very long alt text
Embeds
Flagged as manual check needed for captioning:
Also flagged: embedded audio and social media.
Meaningful Links
Links with no text at all
Links titled with a URL
https://editoria11y.princeton.edu
Links only titled with generic text
“Click here,” “learn more,” “download,” etc.
Links that open in a new window without an external link icon or text warning
Links to a documents
Note that you can set what Editoria11y should look for in your preferences file. By default it checks for PDF and DOC files.
Tables
Tables without valid headers
| A table without a TH header is invalid | And no, an “H3” does not count. |
Empty table header cells
| Empty table heading cells will also be flagged: |
|---|
Legibility
Lists
a. Fake lists
b. use letters or numbers.
c. rather than real formatting.
Caps lock
SEVERAL WORDS IN A ROW OF CAPS LOCK TEXT WILL TRIGGER A MANUAL CHECK WARNING.