<html xmlns:un="http://usablenet.com/namespaces/508_rules">
   <link rel="stylesheet" href="josh.css">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   
      <title>Detailed View for rule: Use header elements</title>
      <!--
  508/W3C Accessibility Suite OEM V2 for Macromedia Dreamweaver
  (C) Copyright 2001-2005 UsableNet Inc. All rights reserved.
  -->
   </head>
   <body bgcolor="#ffffff">
      <div id="Description">
         <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
            <tr>
               <td valign="top" nowrap="true" class="name">Use header elements</td>
               <td valign="top" nowrap="true" class="compatibility">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
            </tr>
            <tr>
               <td valign="top" align="right" nowrap="true" colspan="2" class="requirements">WAI / WCAG 1.0 Priority 2 checkpoint 3.5</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>Issue Description</b><br>
                  
                  
                  <p>
                     The page does not contain header element (H1, H2, ... or H7).
                     	 
                  </p>
                  
                  
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>How to fix</b>
                  
                  
                  <p>
                     Include one or more header elements in the document. Respect the hierarchical levels: for example, jump from H1 to H2, but
                     avoid
                     'gaps' like jumping from H1 to H3.
                     	 
                  </p>
                  
                  
                  <p>
                     A quick test to determine which headers are needed is to create an
                     outline of the content of the page. Start with a level (for example, H3)
                     and mark subsequent sections of the outline with that header (
                     H3). When a more detailed section in the 
                     Outline is reached, use a higher level of header (like H4).
                     
                  </p>
                  
                  <p>
                     If the default formatting of the headers is not acceptable, define a CSS
                     class with the desired properties, and use that class every time a header is used.
                     
                  </p>
                  
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>Issue Explanation</b><br>
                  
                  
                  <p>
                     Use HTML headers (H1, H2, ..., H7) to create a hierarchy of
                     different sections of content shown in the page.
                     	 
                  </p>
                  
                  <p>
                     In this way, visitors of the website can glance through an outline of
                     the document and identify the part that is most useful
                     without having to read through all of the text.
                     
                  </p>
                  
                  <p>
                     In addition, with several reading browsers or screen readers it is
                     possible to obtain a list of all the headers included in the document
                     and jump directly to a specific header. This is very beneficial to
                     people who cannot see the document if, for example, they are visually
                     impaired, blind or they access the web through a telephone service.
                     This way the visitor does not have to listen to every word of the text
                     before reaching the content that is of most interest.
                     
                  </p>
                  
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>