Demo

This page simulates what an author would experience if they were logged in to a site with Editoria11y installed.

On most pages, a toggle automatically appears in the lower-right-hand corner of the page with issue information. Normally it is an innocuous navy-blue checkmark; since there were critical issues detected on this page it will pop open the main panel automatically if this is your first visit to this page:

Issue alert showing 19 issues detected
Looks like this

Things to try on this page:

  • Refresh the page. Note that the panel no longer pops automatically. Your browser remembers how many issues were on a monitored page, and only auto-pops the panel if that number changes.
  • Explore the tips, either by manually toggling the alerts below, or by using the “First/Next” button on the main panel..
  • Note that manual check issues can be marked as “OK” or “Hidden.” Note that changes will not be saved in demo mode, so issues will come back if you refresh the page. Normally changes are saved and viewable from the dashboard.
  • Test the “outline” and “alt text” buttons on the panel to see various pieces of structural information visualized.

Heading Tests

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

https://editoria11y.princeton.edu/example.pdf

Image with redundant text in its alt

E.g., “image of.”

Image of an under construction graphic

Image with very long alt text

A construction worker is holding a sign that says "under construction." The sign has yellow and black strips and a small blinking orange light. It looks like a website from the nineties.

Embeds

Flagged as manual check needed for captioning:

Also flagged: embedded audio and social media.

https://editoria11y.princeton.edu

“Click here,” “learn more,” “download,” etc.

Click here

An informative video.

Note that you can set what Editoria11y should look for in your preferences file. By default it checks for PDF and DOC files.

A fake PDF link.

Tables

Tables without valid headers

A table without a TH header is invalidAnd 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.