Headings
This heading skipped a level:
Oops
This heading has no text at all:
This short blockquote might be heading:
I'm a fake heading
This all-bold paragraph might be a heading:
I am a fake heading
This heading is really long:
Headings and subheadings create a navigable table of contents for assistive devices. The numbers indicate indents in a nesting relationship. Very long headings probably mean the author is saying too much in the heading.
Text alternatives for images
This heading is made of an image of text with no alt:
Image with no alt attribute at all:
Image marked decorative:
Image with an invalid alt attribute, e.g., alt="'"
Image with a filename as an alt
Image with redundant text in its alt, such as “image of:”
Linked image with redundant text in its alt, such as “image of:”
Image with placeholder alt:
Linked image with placeholder alt:
Image with machine code alt:
Linked image with machine code alt:
Image with very long alt text:
Linked image with very long alt text:
Images in links where the alt text may be describing the image instead of the link
This link has text and an
image.
Any linked image (test off by default)
Image in figure marked decorative:
Image in figure with an alt the same as the figcaption:
Image in a carousel without an alt:
Alt text contains a large number. ALT_MAYBE_BAD_WARNING:
Contrast
Illegible color combination:
Super legible.
Color needs a manual check:
And incalculable.
SVG graphic without enough contrast
SVG graphic where contrast needs a manual check
Embeds & Interactives
Video flagged as manual check needed for captioning:
Audio needs a transcript:
Iframe missing a title that also needs a manual check:
Iframe with suspicious dataviz:
Custom embed selector
Unfocusable iframe:
Nested interactive components
Accordion
Accordion
Surprise!Meaningful Links
Links with no text at all
Links only labelled with a URL:
https://www.youtube.com/watch?v=DLzxrzFCyOs
Links only labelled with symbols:
Links with the same names go different places
Links only labelled with a DOI number:
doi.org/10.1145/3493612.3520468
Links with meaningless labels:
Linked icons without text alternatives:
Links that open in a new window without an external link icon or text warning
Links to PDFs
Links to other documents
Links with redundant title attributes
Links with attributes that remove them from the tab index:
Links aria-labelledby attributes to elements with no text:
Links with generic words in their aria label:
Linked image with no alt text:
Linked image with unpronounceable alt text:
Linked image with no alt text attribute:
Linked image with no alt text attribute in a link with text:
Linked image with only a filename as alt text:
Broken in page links
Possible fake button
Links to dev server
Duplicate anchors
Tables
Tables without valid headers
| A table without a TH header is invalid |
Outline headers do not count |
Disable should be content header test inside tables |
| Empty headers | |
|---|---|
| I found | 700 Videos of Turtles |
| Each | 2 Seconds Long |
Legibility
SEVERAL WORDS IN A ROW OF CAPS LOCK TEXT WILL TRIGGER A MANUAL CHECK WARNING.
Underlined text
A little italics is fine, but large blocks of of emphasized text are not very legible. A little is acceptable of course, but there are limits, and a whole paragraph is way too much. This, for example, is a whole paragraph. It's kind of hard to read, isn't it? But this test does not trip until it is this long, so you should not see false positives in your content unless you write really big paragraphs like this regularly.
Justified text
Excessive superscript or subscript; subscript should be used for small references and footnotes, not entire sentences or paragraphs.
Teeny fonts
* Fake lists using common characters,
* letters, numbers and emoji.
Forms
Button with no label
Inputs with an invisible label, asking if there is also a visible label.
Inputs with only a placeholder label, asking if there is also a visible label.
Button with an accessible label different from its visible label.
Button with an invalid aria-labelledby attribute.
Button with redundant label.
Reset button.