← All terms

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

Sources