Headings with some hidden from assistive tech

← Return to main list

This is a test case designed to determine how the Easy Checks heading bookmarklet deals with a heading structure when some are hidden from the accessibility API, and therefore also hidden from screen readers.

HTML but one is hidden from screen readers

Yes, we're starting again

Hiding with `aria-hidden`

Then another HTML heading

ARIA but one is hidden from screen readers

One last ARIA heading group

This is the last example heading

Results

Expected

The aria-hidden headings should create a skipped level error on the following heading.
The Show Hidden toggle lists the number of hidden headings, and toggles their visibility in the panel.
Other headings from the page are displayed with no warnings or errors.

Actual as of 2023-09-07

As expected

Actual as of 2023-09-05

As expected, but the flagged headings do not include a description of the flag.