THIS IS A HIDDEN PARAGRAPH WITH CAPS LOCK TO SET OFF THE 0 TEST

Editoria11y Utility Functions

Ignored skipped heading outside main

Overflow

This editor-only utility heading will be skipped in the outline

Hidden results

Visible wrapper

THIS IS A HIDDEN PARAGRAPH WITH CAPS LOCK TO SET OFF THE 0 TEST

Summary with tip in details, "click here" Click here
Visibility hidden. "click"
Click
Click
Display: none. "download"
Download
Download
Hidden. "click"
Zindex. "file"
Click
Visually hidden issue.
here

Button positioning param

Custom tests

Exclusions

This editor-only utility heading will be skipped in the outline

Accessible name calculation in outline excluding hidden text

Link with ignored text

.

Aria:hidden image

oh hi .

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.

Hidden element handlers

Display:none

Skipped heading level

Visibility:hidden

Skipped heading level

Aria:hidden text

Skipped heading level

HTML hidden attribute

Hidden click here links

Accessible name calculation

Inputs with titles

Pseudo selectors in a link

Link with SVG image with multiple labels, one should be ignored: click here
Good link text in ::before:
Bad link text in ::before:
Aria labelled region should not negate inner name calculation.
Good link text in title attribute:
Null aria label: Null aria
Bad link text in title attribute:
Bad link text in ::before on inner span:
Inner SVG has an alt but no role, alt is ignored:
Inner SVG has an alt and a valid role:
Inner SVG has a good title element: I'm a circle I'm a square
Inner SVG has a bad title element: Click here
OK via aria-labelledby to another element: Click here
Bad via recursive aria-labelledby: Click here
Good via inner aria-labelled element: Click Here
Bad because IMG tag cannot have a ::before:

Slotted template

a
b
c
d
e
skipped level in a slot
Slot content text filling correctly
@