The WCAG Explained

Simplified and actionable explanations of every WCAG 2.2 criteria

Section Headings

Summary:
WCAG 2.4.10, "Section Headings," emphasizes the use of headings to organize content on web pages. This AAA level criterion is designed to improve content structure and navigation, especially beneficial for users who rely on assistive technologies like screen readers.

What:
This guideline requires web pages to use headings to organize content, making it easier to navigate and understand.

Why:
Clear section headings help users, particularly those with cognitive or visual impairments, to comprehend the structure of a page and navigate to specific content more efficiently.

Examples and Scenarios:

  1. Educational Websites: Use headings to divide different topics or chapters.
  2. News Portals: Organize articles with headings for each news section.
  3. Blogs: Structure blog posts with headings for introduction, main content, and conclusion.

How to Comply:

  • Websites: Use HTML heading elements (H1, H2, H3, etc.) to structure content.
  • Mobile Apps: Implement similar structural elements to organize content.
  • Software Applications: Use headings to clearly define different sections of the application.

Exceptions:

  • Simple Web Pages: Pages with minimal content may not require extensive use of section headings.
  • Graphical Content: Pages primarily consisting of images or graphics might not lend themselves to text-based headings.