<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>Vue d&eacute;taill&eacute;e de la r&egrave;gle: Utiliser des &eacute;l&eacute;ments d'en-t&ecirc;te</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">Utiliser des &eacute;l&eacute;ments d'en-t&ecirc;te</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">Point de contr&ocirc;le 3,5 de priorit&eacute; 2 WAI / WCAG 1.0</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>Description du probl&egrave;me</b><br>
                  
                           
                  <p>
                     La page ne contient pas d'&eacute;l&eacute;ments d'en-t&ecirc;te (H1, H2, ... ou 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>Proc&eacute;dure de r&eacute;paration</b>
                  
                           
                  <p>
                     Ins&eacute;rez au moins un &eacute;l&eacute;ment d'en-t&ecirc;te dans le document. Respectez la hi&eacute;rarchie des niveaux : par exemple, passez du niveau
                     d'en-t&ecirc;te H1 &agrave; H2,
                     	 
                  </p>
                      
                  
                  <p>
                     Un test rapide pour d&eacute;terminer les en-t&ecirc;tes n&eacute;cessaires consiste &agrave; cr&eacute;er une structure du contenu de la page. Commencez par
                     un niveau (par exemple, H3) et appliquez cette m&ecirc;me balise (H3) aux sections cons&eacute;cutives de la structure. Lorsqu'une section
                     plus d&eacute;taill&eacute;e commence, utilisez un niveau d'en-t&ecirc;te sup&eacute;rieur (par exemple, H4).
                     
                  </p>
                  
                  <p>
                     Si la mise en forme par d&eacute;faut des en-t&ecirc;tes n'est pas acceptable, d&eacute;finissez une classe CSS en utilisant les propri&eacute;t&eacute;s de
                     votre choix, puis utilisez cette classe chaque fois que vous ins&eacute;rez un en-t&ecirc;te.
                     
                  </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>Explication du probl&egrave;me</b><br>
                  
                           
                  <p>
                     Utilisez des en-t&ecirc;tes HTML (H1, H2, ..., H7) pour cr&eacute;er une structure hi&eacute;rarchis&eacute;e des diff&eacute;rentes sections affich&eacute;es dans
                     la page.
                     	 
                  </p>
                  
                  <p>
                     De cette fa&ccedil;on, les personnes visitant le site peuvent balayer du regard la structure du document, puis identifier la partie
                     la plus utile sans avoir &agrave; lire tout le texte.
                     
                  </p>
                  
                  <p>
                     En outre, il est possible avec plusieurs navigateurs vocaux ou lecteurs d'&eacute;cran d'obtenir une liste de tous les en-t&ecirc;tes du
                     document et d'afficher directement un en-t&ecirc;te sp&eacute;cifique. Cela peut s'av&eacute;rer tr&egrave;s pratique pour les personnes qui ne peuvent
                     pas voir le document si, par exemple, les personnes sont malvoyantes, aveugles ou qu'elles acc&egrave;dent au site Web par t&eacute;l&eacute;phone.
                     De cette fa&ccedil;on, la personne visitant le site n'a pas &agrave; &eacute;couter tout le texte avant d'atteindre la partie qui l'int&eacute;resse.
                     
                  </p>
                  
                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>