Skip to main content
U.S. flag

An official website of the United States government

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Headings

Are you using accurate headings on your page?

Why it’s important: Lalit is blind and uses a screen reader to navigate the web. She hears an outline of the page's main ideas, then backtracks to read the parts she's most interested in.

Steps to take

  • Headings briefly describe the section it introduces. Headings represent an outline of the content.
  • Use h1h6 to define your section headings, where h1 is the highest section level and h6 is the lowest.
  • Avoid skipping heading levels: Always start with h1, use h2 next, and so on.
  • 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. For this reason, it’s best to include only one h1 per page.

Resources

Video tutorial: Using headings
Video tutorial: How I do an accessibility check (page structure)

WCAG 2.0 references

2.4.6 Headings and Labels

Next

Contact: Questions or comments? Please file a GitHub issue or email g-accessibility@gsa.gov.