Heading hierarchy (heading)

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


Missing <h1> element:

In this example <h2> is used, but there is no <h1> element anywhere on the page:


Main Section

This is the main content of the page.

Another Section

More content here.


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

<h2>Main Section</h2>
<p>This is the main content of the page.</p>
<h2>Another Section</h2>
<p>More content here.</p>

Note: Possible to automatically detect the absence of a <h1> element on the page.

axe detected: none  |  QualWeb detected: none