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).
- The W3C define 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.
A webpage can be single block of content with only one header if it is about one thought or topic.
- Guideline 1.3.1 – Info and Relationships
- Guideline 1.3.2 – Meaningful Sequence
- Guideline 2.4.6 – Headings and Labels
- Understanding Success Criterion 2.4.10 (W3C)
Free Developer Resources
Join over 3,500 subscribers on my weekly web accessibility email and get free developer resources like WCAG 2.1 Checklists and special offers.
Over 600 developers like you have learned more about the Web Content Accessibility Guidelines with my guidebook.