2.4.10 – Section Headings (Level AAA)

Break up content with headings

Adding section headings to all content will help your users understand your website. They are useful for users who have difficulty focusing or remembering where they are on a page, as well as users with a visual impairment, who may navigate by skipping between headings.

You can help these users, and everyone else, by ensuring that all content on your website is broken up by clear and informative headings.

What to do

Add a heading for every new thought or topic in your content (for example, a travel article may have headings to indicate the distinct sections on dining, transportation, and lodging).

Tips

  • The W3C define a section as a self-contained portion of written content that deals with one or more related topics or thoughts. See ‘Understanding WCAG 2.0’
  • A section may consist of one or more paragraphs and include graphics, tables, lists and sub-sections.
  • Beware of making your content harder to read by forcing in too many headings.

Exceptions

A webpage can be single block of content with only one header if it is about one thought or topic.

See also

Free Developer Resources

Join over 2,000 accessibility fans and get free developer resources like WCAG 2.0 Checklists and a sample from my book.

Powered by ConvertKit

Over 250 people just like you have learned more about WCAG 2.0 with my guidebook.

Learn more >