Accessibility fix guide

How to fix: Headings must follow a logical order

Heading levels should not skip (an h2 followed by an h4), because the heading structure is how many assistive-tech users understand and navigate a page.

The fix

Use heading levels in order (do not skip from <h2> to <h4>) to keep a logical outline.

Before and after

Fails

<h2>Products</h2> … <h4>Reviews</h4>

Passes

<h2>Products</h2> … <h3>Reviews</h3>

Related fixes

Related fix Every page needs a title Related fix The page must declare its language Related fix Every page needs a top-level heading Related fix Every page needs one main landmark Related reading The EU Accessibility Act, explained

Does your site have this issue?

Scan any page free against WCAG 2.2 AA and get every issue with its fix.

Scan your site free

← All fix guides