WCAG 1.0 Double A Checkpoint 3.5
Skip Quick Links
Quick Links:
- Checkpoint 2.2
- Checkpoint 3.1
- Checkpoint 3.2
- Checkpoint 3.3
- Checkpoint 3.4
- Checkpoint 3.5
- Checkpoint 3.6
- Checkpoint 3.7
- Checkpoint 5.3
- Checkpoint 5.4
- Checkpoint 6.4
- Checkpoint 6.5
- Checkpoint 7.2
- Checkpoint 7.3
- Checkpoint 7.4
- Checkpoint 7.5
- Checkpoint 9.2
- Checkpoint 9.3
- Checkpoint 10.1
- Checkpoint 10.2
- Checkpoint 11.1
- Checkpoint 11.2
- Checkpoint 12.2
- Checkpoint 12.3
- Checkpoint 12.4
- Checkpoint 13.1
- Checkpoint 13.2
- Checkpoint 13.3
- Checkpoint 13.4
“Use header elements to convey document structure and use them according to specification.”
Since some users skim through a document by navigating its headings, it is important to use them appropriately to convey document structure. Users should order heading elements properly. For example, in HTML, H2 elements should follow H1 elements, H3 elements should follow H2 elements, etc. Content developers should not "skip" levels (e.g., H1 directly to H3).
Do not use headings to create display effects; use style sheets for this purpose.
Example
In this example heading tags have been properly used to define the structure of the document.
<head>
<title>Cooking Techniques</title>
<style type="text/css">
div.section2 { margin-left: 5% }
</style>
</head>
<body>
<h1>Cooking Techniques</h1>
<p>... some text here ...</p>
<div class="section2">
<h2>cooking with oil</h2>
<p>... text of the section ...</p>
</div>
<div class="section2">
<h2>cooking with butter</h2>
<p>... text of the section ...</p>
</div>