Correct Page Structure

Use Headings for Content Structure

Set up a hierarchy of content using headings. Just as some might rely on a visual scan of a page to zero in on specific information, screen reader users use isolated lists of headings, links, lists, and other items for navigation. Setting a good hierarchy of heading levels on a page assists this navigation. Without these structural elements on a long page, a person using a screen reader to view your site must listen to the entire page rather than navigate quickly to a relevant section.

Where to find headings in WordPress

Screenshot of WordPress editor with headings menu open

Use headings to create a hierarchy of information on a long page.

Click on image for a larger view.

Best Practices for Headings

  • Do break up your content with subheads.
  • Don’t write long blocks of text without subheads. Headings provide navigational cues for all users, especially Assistive Technology (AT) users. Heading levels need to be logical and flow from heading level one through heading level six if needed.
  • Don’t use headings for layout
  • You should use only one heading level one Heading 1 per page.  Note that this is usually the title of the page so your content headers typically should begin with Heading 2.
  • Never use heading levels for layout purposes. An example of using a heading level for layout is: “I like the way h4 looks so I’ll just use that everywhere.”

Bullet and Number Lists

Bullet and number lists also provide structural and hierarchical information.  The easiest way to make sure they are formatted correctly is to highlight section and use the “Bulleted List” or “Numbered List” in your WordPress visual editor.

Lists should never be used for merely indenting or other layout purposes.

More Information from WebAIM

More information about proper use of headings and lists can be found on the WebAIM website.