Heading levels are out of order

Rule

Headings SHOULD convey a clear and accurate structural outline of the sections of content of a web page.

Background

People who can see are able to quickly scan a page for headings and subheadings to understand the content and structure of a page. People who are blind do not have this ability if heading text is not marked in a way that screen readers can understand. Heading text and hierarchy must be identified semantically with heading markup. When heading markup is correctly applied, screen readers are able to: communicate that text is a heading and its level, provide a heading outline to users, and allow users to navigate directly from heading to heading.

How to Fix

Fix this issue by restructuring the heading outline to accurately reflect the hierarchical relationships of each section of content.