Skip to main content

Headings skip levels

heading-order

The page jumps from a main heading straight to a smaller sub-heading, skipping a level, which breaks the page's outline.

Who this affects

Screen reader users navigate long pages by jumping heading to heading. A broken outline makes the page hard to move through.

Fix it in WordPress

In Gutenberg, select each heading block and set the correct level in the toolbar. In Elementor, the Heading widget has an HTML Tag setting separate from its size. Theme templates often hard-code an h3 in widget titles, check Appearance → Widgets.

What the fix is, technically

Use headings in order, h1, then h2, then h3. Do not pick a heading level because of how big it looks; change the size with CSS instead.

Does your site have this problem?

Scan any page free and find out in about fifteen seconds. No signup, and nothing about your site is stored.

Check my page

Other common failures