Editoria11y Unit Tests

Headings

Outline structure & empty headings.

skipped heading
Skipped heading level

Empty headings

space character

empty alt

null alt

empty linked heading

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

Possible fake headings

Short quote needs check
Longer quotes are OK and should not be flagged.

All <strong> paragraph needs manual check

All <b>old paragraph needs manual check

Short lines with spans,  non-breaking whitespace should still be flagged

Headings with certain punctuation are assumed to be sentences, and not flagged. (!?)

A bold paragraph of very many characters is probably not a heading and probably shouldn't be flagged even if it does not end in a period

Image Text alternatives

Image with no alt attribute at all

Screen readers end up reading this as a filename.

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

filename.jpg

Image with redundant text in its alt

E.g., “image of.”

Image of a photo of a picture.

Image with very long alt text

Alt text should be brief. Screen readers cannot jump from sentence to sentence in alt text, so listeners just hear one monster pile of text and if they miss something they have to start over.

Images in links where the alt text may be describing the image instead of the link

This link has text and an image.A lovely gray box

Figures

Figcaption with empty image alt
Figcaption is the same as alt
Figcaption is the same as alt

Embeds

Flagged as manual check needed for captioning:

YouTube
HTML5 video
[iframe commented out during development]

Also flagged: embedded audio and social media.

Links with no text at all

https://www.youtube.com/watch?v=DLzxrzFCyOs

Links only titled with generic text

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

Click here

Links that open in a new window without an external link icon or text warning

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.

Silent but interactive links

linked image with empty alt.

linked image with no alt.

http://jpg.gif linked image with filename.

click here linked image with click here.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. linked image with giant alt.

Link text with image texta butterfly

Links with accessible text added programmatically

These should all pass.

Tables

Tables without valid headers

A table without a TH header is invalid

Outline headers do 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.

1. Fake lists
2. Sometimes use
BR instead of P tags.

* Fake lists

* Should only

* be flagged

* one time.

1. This is split

2. with HR

3. but non-contiguous p are detected.

1. Failing test. This has rich text after the BR
2. Fancy.

1. This has nothing after the BR

1.

Caps lock

SEVERAL WORDS IN A ROW OF CAPS LOCK TEXT WILL TRIGGER A MANUAL CHECK WARNING.

JS Recursion handling

Alert within a link should be drawn outside the link.

ALL CAPS HEADING OUTLINE IN TABLE OUT OF ORDER SHOULD HAVE 3 HITS