is-aesthetic

All checks

Heading levels are in order

Inclusion and adaptation · essential check · measured with axe-core · C167.2

A page needs one h1, headings that don't skip levels, and a main landmark.

When it fails
Heading levels skip, or the page lacks one h1 or a main landmark
Warns when
One or more heading-outline findings; advisory in the fixed variant
Passes when
No heading-outline findings
How to fix it
Use one h1, then h2 and h3 in order without skipping, and wrap the main content in a main element. Set sizes in CSS, not by picking a level.

On the public reports

warns on 2passes on 5of 7 sites

www.gov.uk2 outline issues · scores 80
  • Flagged element on www.gov.uk at 1440 px1440 px
  • Flagged element on www.gov.uk at 1440 px1440 px
  • Flagged element on www.gov.uk at 1440 px1440 px
www.benchflow.ai1 outline issue · scores 50
  • Flagged element on www.benchflow.ai at 1440 px1440 px

Passes on figma.com, is-aesthetic.com, vercel.com, www.python.org and www.wikipedia.org.

Public reports are the sites listed on the home page, each as last scanned. Pasted pages are never included.