Headings

In the same way you outline your site as a whole to help organize the content, you should also outline each page with appropriate headings to help organize the page content. The headings should represent an accurate outline of the content.

Headings Outline Content

Use heading tags to outline your content. Don't try to style your text to give the appearance of a heading. Browsers rely on the actual markup in the page to determine headings. Conversely, you shouldn't use headings just to achieve a certain visual style. 

The page title that you give your page automatically becomes the <h1> heading. The first heading you use in the content editor should be an <h2>

Benefits of using headings appropriately

  • Helps you organize your content in a logical way
  • Allows people to skim the page either visually or using assistive technologies
  • On mobile devices, the template will auto-generate a Table of Contents for your page based on your headings

Refer to WebAIM's site on semantic structure for more information on using headings correctly.