2.2 Demo

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

If this is your first visit to this page, the panel will open automatically:

Issue alert showing 19 issues detected
alert toggle showing 19 issues


On subsequent visits, you will be presented with a minimized toggle instead (at the bottom right, last tab stop on the page). Click it to show the alerts.

Things to try on this page:

  • Explore the tips, either by manually toggling the tooltips below, or by using the “First/Next” button on the control panel.
  • Try marking a manual check as “OK” or “Hidden,” then restoring it from the control panel. Note that dismissals will not be saved in demo mode, so dismissed alerts will come back after you refresh the page.
  • Test the “outline” and “alt text” buttons on the panel to see various pieces of structural information visualized.
  • Refresh the page. Note that the panel no longer pops automatically. Your browser remembers how many issues were on a page when you last visited it, and only auto-pops the panel if that number changes.

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

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

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.