Open the Vootkit workspace.
01Heading Structure Checker
Find skipped levels and broken document outlines.
- 1Choose toolOpen the Vootkit workspace.
- 2Add inputProvide the content or settings.
- 3ProcessLet the browser do the work.
How to use Heading Structure Checker
Provide the content or settings.
02Let the browser do the work.
03Copy, download or continue.
04Your files stay private
Your work is processed locally in your browser where possible and is never added to a Vootkit upload library.
Learn more about privacyScreen reader users navigate by heading far more than by scrolling — jumping between sections the way a sighted reader skims. A page whose headings are chosen for size rather than structure is a page they cannot navigate.
What Heading Structure Checker does
Checks heading structure for the two problems that actually break navigation: a missing or duplicated h1, and skipped levels such as an h2 followed by an h4.
Headings are an outline, not a type scale. Choosing h4 because it looks the right size is the root cause of most broken structures — that is what CSS is for.
What it checks
| One <code>h1</code> | Exactly one per page |
|---|---|
| No skipped levels | <code>h2</code> → <code>h4</code> is a break |
| Order | Document order, not visual position |
| Why it matters | Screen readers navigate by heading |
| Common cause | Picking a level for its font size |
| Correct fix | Use the right level, style it with CSS |
| <strong>Cannot check</strong> | <strong>Whether the headings are meaningful</strong> |
| Runs | On your device |
Detailed steps
- Paste the markup or content.
- Fix the
h1first — one per page. - Close any skipped levels, then read the headings alone and check they describe the page.
Worth knowing
Read your headings on their own, in order, with nothing else. They should work as a table of contents — if they do not tell you what the page covers, the structure is wrong even when every automated check passes. That is the test no tool can run and the one that decides whether the page is actually navigable.
Frequently Asked Questions
Why does skipping a level matter?
Because heading levels express nesting. Jumping from <code>h2</code> to <code>h4</code> implies a missing section, and a screen reader user navigating by heading experiences a gap in the outline with nothing to explain it.
Can I have more than one <code>h1</code>?
The HTML5 outline algorithm was never implemented by browsers or assistive technology, so in practice one <code>h1</code> per page remains the reliable convention. Multiple <code>h1</code>s make the page structure ambiguous.
What if the right level looks wrong?
Style it. Choosing a heading level for its default size is precisely the mistake — the level is semantic structure and the appearance is CSS. An <code>h3</code> can look like anything you want.
Does passing mean my headings are good?
No. It means the levels are structurally valid. Whether they actually describe the content is a judgement no automated check can make, and it is the part that matters most.
Is Heading Structure Checker free?
Yes. The Vootkit free plan includes 5 tool runs a day. Upgrade to Vootkit Pro for unlimited daily use, an ad-free workspace and saved workflows.
Are my files uploaded?
No. Heading Structure Checker runs entirely in your browser — your file is processed on your own device and never sent to a server. There is nothing for us to store or delete.
Do I need to install anything?
No. Heading Structure Checker works in any modern browser on desktop, tablet or phone. Open the page and start.
How often can I use it? Is there a daily limit?
On the free plan you get 5 tool runs a day. When you reach the limit you'll see a prompt to upgrade, and it resets the next day. Vootkit Pro removes the cap entirely for unlimited daily use.
Recently viewed
This tool processes everything locally in your browser. You can disconnect from the internet after the page loads and it will still work.