Content is not organized or ordered using a hierarchical structure with headings
| Field | Value |
|---|---|
| Rule code | Manual_HeadingHierarchy_Invalid |
| WCAG conformance level | AA |
| WCAG success criterion | 2.4.6 Headings and Labels |
| Must be fixed at source | No |
Description
The content on the page is not properly structured using a logical hierarchy of headings (e.g., 'h1' to 'h6'). Proper heading structure helps users to understand and navigate the content more easily. Ensure that the heading hierarchy is ordered and follows a natural reading sequence.
How to fix
Ensure the content is structured using proper heading tags (<h1> to <h6>) in a logical order. For example: <h1>Main Title</h1><h2>Subheading 1</h2><p>Content under subheading 1.</p><h2>Subheading 2</h2><p>Content under subheading 2.</p>. This creates a clear hierarchy, improving readability and navigation for users.