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
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.