Heading hierarchy (heading)

Use semantic heading tags or ARIA heading roles in a logical hierarchy


Skipped heading tag in hierarchy:

In this example there is <h2> element skipped in hierarchy:


Main Title

Introduction content.

Subsection

Details about the subsection.


The (DOM/programmatic) structure of the above example looks like this:

<h1>Main Title</h1>
<p>Introduction content.</p>

<h3>Subsection</h3>
<p>Details about the subsection.</p>

Note: Possible to automatically detect skipped heading levels, such as when a <h3> element is used after a <h1> without an intermediate <h2>. Automated tools can flag cases where heading levels are skipped.

axe detected: none  |  QualWeb detected: 1.3.1