Techniques for WCAG 2.0

On this page:

-

# G130: Providing descriptive headings

## Applicability

All technologies.

This technique relates to:

- Success Criterion 2.4.6 (Headings and Labels)
  - How to Meet 2.4.6 (Headings and Labels)
  - Understanding Success Criterion 2.4.6 (Headings and Labels)

## Description

The objective of this technique is to make section headings within Web content descriptive. Descriptive headings and titles (see G88: Providing descriptive titles for Web pages) work together to give users an overview of the content and its organization. Descriptive headings identify sections of the content in relation both to the Web page as a whole and to other sections of the same Web page.

Descriptive headings help users find specific content and orient themselves within the Web page.

Authors may also want to consider putting the most important information at the beginning of each heading. This helps users “skim" the headings to locate the specific content they need, and is especially helpful when browsers or assistive technology allow navigation from heading to heading.

## Examples

### Example 1

An HTML page that describes the range of tasks for disaster preparation may have the following headings:

Example Code:

      <h1>Disaster preparation</h1>
      <h2>Flood preparation</h2>
      <h2>Fire preparation</h2>

Note that the level 2 headings have the distinguishing information at the beginning (ie, instead of "Preparation for floods", "Preparation for fires", etc).

### Example 2

A short article about the history of a town that explains about the founding and expansion of the town and then goes into some depth about the current situation. The title of the Web page is "History of Ourtown". The first section is called "The founding of Ourtown". The second section is called "Expansion of Ourtown". The third section is called "Ourtown today" which has the following subsections: "People in Ourtown", "Organizations in Ourtown" and "Buildings in Ourtown".

## Resources

Resources are for information purposes only, no endorsement implied.

- Quick tips for accessible headings

## Tests

### Procedure

1. Determine if the Web page contains headings.

2. Check that each heading identifies its section of the content.

### Expected Results

- Check #2 is true.

- Top
- Contents
- Intro
- Previous: Technique G128
- Next: Technique G131