Headings — Demo Page

Screen reader users navigate pages by jumping between headings — it acts like a table of contents. Skipping levels (e.g. h2 → h4) and having multiple h1s breaks that structure.

Heading structure on this page

Skipped h3 entirely

Notice how this jumped from h2 straight to h4. The tool will flag this as a skipped heading level.

Second h1 — this should not exist

Each page should have exactly one h1 identifying its main topic. A second h1 confuses the document outline for both screen readers and search engines.

How to fix it

<!-- Keep levels sequential -->
<h1>Page title</h1>
  <h2>Section</h2>
    <h3>Subsection</h3>   <!-- don't skip to h4 -->