Heading hierarchy
Also known as: Heading structure, Heading levels, Document outline
The logical structure created by using HTML heading elements (h1 through h6) in a nested, hierarchical order to convey the organisation of content on a web page. A proper heading hierarchy starts with a single h1 for the page title, with h2 elements for major sections, h3 for subsections, and so on without skipping levels. Screen readers use heading hierarchy for navigation, allowing users to jump between sections by heading level. Research has shown that proper heading markup can reduce task completion times by up to 50% and disproportionately benefits blind users by narrowing the performance gap with sighted users.
Category: Semantic HTML · semantic HTML · Web Development · web accessibility
Related: Semantic HTML · Screen reader · WCAG · Heading navigation