Ensure headings (`<h1>`–`<h6>`) follow a logical, sequential order to maintain a clear document outline.
<h2>Main section</h2>
<h3>Subpoint</h3>
<p>Details…</p><h2>Main section</h2>
<h4>Subpoint</h4>
<p>Details…</p>When: A heading level is more than one step deeper than the previous heading
Warning: Heading level skipped: <hX> after <hY>
Solution: Follow sequential heading order
Accessibility: Skipping levels disrupts screen-reader users’ mental model of document structure and impairs navigation.
SEO: Misordered headings can confuse search engine crawlers about content hierarchy.
Prevent confusion in document structure by enforcing sequential heading levels without skips.
H42: Using h2–h6 to create subheadings in sequence.H65: Validating heading order programmatically.Each heading tag defines a section in the outline; skipping levels breaks the implicit tree structure.