Accessibility
Mastering Heading Structure for Accessibility
Marcus Thorne
Content Specialist
February 12, 2024
6 min read
For users with screen readers, headings are the primary way they navigate a page. A logical heading structure is a requirement for accessibility.
Don't Skip Levels
Always go from H1 to H2 to H3. Never skip a level (e.g., H1 to H3) just because you like the font size of the H3 better. Use CSS to change the appearance, not the HTML tag.
One H1 Per Page
The H1 should represent the main topic of the page. Having multiple H1s can confuse both users and search engines.
✓Key Takeaways
- 1
Use headings in a logical sequence.
- 2
Don't skip heading levels.
- 3
Use only one H1 per page.
- 4
Make heading text descriptive.