Headings

Are you using the correct structure for headings on your page?

Why it’s important

Veronica is blind and uses a screen reader to navigate the web. She hears an outline of the page's main subjects, then backtracks to read the parts she is most interested in.

Use only one h1 per page for the page title.
- While HTML5 allows you to reset headings to h1 on new section elements, some screen reader users will have difficulty discerning the structure of pages with multiple h1s.
Avoid skipping heading levels: Always start with h1, use h2 next etc.
Using h1 and h2 will give users an introduction to a page and how its content is structured. The h3 - h6 elements provide a quick understanding of the details in each section.
Confirm heading tags are used and not text to give the visual appearance of headings.

Last modified: 5 May 2021