<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: AREA avec ALT &eacute;quivalent</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">AREA avec ALT &eacute;quivalent</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">
                        Section 508 1194.22(a); 
                        
                          WAI
                        
                         / 
                        
                          WCAG
                        
                         1.0 checkpoint 1.1
                      
               </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 carte graphique incluse dans ce document contient des
                               &eacute;l&eacute;ments AREA avec des descriptions
                               textuelles valides.
                             <br>
                             Ces descriptions doivent &ecirc;tre &eacute;quivalentes
                             &agrave; la carte graphique.
                           
                  </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 v&eacute;rification</b>
                        
                  <p>
                             Testez l'attribut&nbsp;ALT de la balise AREA, tout en gardant
                             les points suivants &agrave; l'esprit&nbsp;:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  La description doit expliquer la destination du lien ou
                                  pourquoi l'utilisateur voudra l'utiliser.
                                
                     </li>
                             
                     <li>
                                  Ne mentionnez pas les m&eacute;canismes, tels que "cliquer
                                  ici"&nbsp;; d&eacute;crivez plut&ocirc;t la destination du
                                  lien et son r&ocirc;le pour l'utilisateur.
                                
                     </li>
                           
                  </ul>
                      
               </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>
                             Les attributs&nbsp;ALT permettent de fournir les
                             &eacute;quivalents textuels des cartes graphiques. Cette
                             &eacute;tape est importante parce que les cartes graphiques
                             fournissent des informations visuelles essentielles pour la
                             navigation.
                           
                  </p>
                        
                  <p>
                             L'attribut&nbsp;ALT doit d&eacute;crire la zone
                             associ&eacute;e &agrave; l'image pour que les utilisateurs
                             dont le navigateur ne prend pas en charge les graphiques
                             puissent consulter la page normalement. Sans description
                             d'ALT &eacute;quivalente, ces utilisateurs ne pourraient pas
                             naviguer dans la carte graphique.
                           
                  </p>
                        
                  <p>
                             Comme avec les autres liens, le texte en soi doit &ecirc;tre
                             compr&eacute;hensible hors contexte. Un bon texte de lien ne
                             doit pas &ecirc;tre trop g&eacute;n&eacute;ral. N'utilisez
                             pas des descriptions telles que "cliquez ici". Non seulement
                             cette expression est sp&eacute;cifique &agrave; un
                             p&eacute;riph&eacute;rique (dispositif de pointage), mais
                             elle ne renseigne en rien sur la page correspondante. Essayez
                             au contraire de d&eacute;finir la nature de la cible. Par
                             exemple, ""plus d'informations sur les otaries"" ou ""version
                             texte de cette page""."
                           
                  </p>
                        
                  <p>
                             L'&eacute;mergence des navigateurs texte-seul portatifs rend
                             la description des ALT plus importante que jamais. Songez que
                             de nombreux utilisateurs ont, par choix ou par
                             n&eacute;cessit&eacute;, recours &agrave; des navigateurs
                             texte-seul &eacute;quip&eacute;s de lecteurs d'&eacute;cran
                             ou de navigateurs vocaux. Il peut s'agir de personnes
                             malvoyantes, de personnes utilisant Internet par
                             t&eacute;l&eacute;phone ou de personnes utilisant un
                             navigateur dans leur voiture.
                           
                  </p>
                        
                  <p>
                             En attendant que les agents puissent restituer le texte
                             &eacute;quivalent pour les liens de carte graphique
                             c&ocirc;t&eacute; client, vous pouvez rendre votre page
                             accessible aux utilisateurs qui ne peuvent pas afficher les
                             graphiques, en fournissant un lien texte redondant pour
                             chaque r&eacute;gion active d'une carte graphique
                             c&ocirc;t&eacute; client. En fournissant la
                             description&nbsp;ALT des &eacute;l&eacute;ments AREA, votre
                             page est cependant d&eacute;j&agrave; compatible avec ces
                             nouveaux navigateurs.
                           
                  </p>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>