WCAG 1.0 Double A Checkpoint 3.5

Skip Quick Links

“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>	 
		

Reference

Section Headings