<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;tiquettes de lien compr&eacute;hensibles</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;tiquettes de lien compr&eacute;hensibles</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 13,1 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 contient des liens dont l'&eacute;tiquette (c'est-&agrave;-dire le contenu de l'&eacute;l&eacute;ment A) ou le titre (l'attribut TITLE de l'&eacute;l&eacute;ment
                     A) n'est pas assez descriptif. V&eacute;rifiez que les &eacute;tiquettes sont compr&eacute;hensibles, informatives et courtes. 
                     
                  </p>
                  
                  
                  <p> Le texte du lien doit &ecirc;tre compr&eacute;hensible si vous le lisez hors contexte (qu'il soit isol&eacute; ou qu'il fasse partie d'une s&eacute;quence
                     de liens). Le texte du lien doit &ecirc;tre &eacute;galement concis. Par exemple, en HTML, &eacute;crivez " Informations &agrave; propos de la version
                     4.3 " plut&ocirc;t que " cliquez ici ", " cliquez ", " ici " ou " aller ". En outre, les d&eacute;veloppeurs de contenu peuvent pr&eacute;ciser
                     encore plus la cible d'un lien en ajoutant un titre de lien informatif (par exemple, en HTML, l'attribut " title ").
                     	 
                  </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>
                     Modifiez l'&eacute;tiquette du lien de fa&ccedil;on &agrave; ce qu'elle d&eacute;crive clairement la direction du lien. La description doit &ecirc;tre concise
                     et aussi claire que possible pour &ecirc;tre comprise hors contexte (par exemple, une liste dressant tous les liens de la page).
                     
                  </p>
                  
                  <p>
                     Si l'&eacute;tiquette du lien n'est pas suffisante, utilisez &eacute;galement le titre du lien (qui appara&icirc;t dans de nombreux navigateurs
                     sous forme d'info-bulle lorsque le pointeur de la souris est plac&eacute; au-dessus du lien). Toutefois, si vous utilisez des liens
                     de titre, le texte doit &ecirc;tre coh&eacute;rent sur tout le site.
                     
                  </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>
                     La plupart des technologies d'aide peuvent extraire tous les liens de la page avant de les rendre dans une liste distincte.
                     Dans ce cas, &agrave; partir des informations contenues dans l'&eacute;tiquette du lien (c'est-&agrave;-dire le contenu) et dans l'attribut du
                     titre du lien, les utilisateurs doivent pouvoir d&eacute;duire la cible du lien.
                     	 
                  </p>
                  
                  <p>
                     C'est pourquoi, des liens comme " plus d'infos ", en particulier s'ils apparaissent plusieurs fois dans la m&ecirc;me page, ne sont
                     pas suffisamment clairs hors contexte. 
                     
                  </p>
                  
                  
                  <p>
                     Les &eacute;tiquettes de lien doivent contenir le maximum d'informations pour que l'utilisateur puisse savoir la destination du lien.
                     Il est important que l'utilisateur sache exactement la destination d'un lien <strong>avant</strong> de cliquer dessus. Autrement, il doit attendre que la nouvelle page se charge et s'affiche avant de savoir si le contenu
                     l'int&eacute;resse vraiment.
                     
                  </p>
                  
                  <p>
                     Ceci est particuli&egrave;rement important pour les pages dont le temps de chargement peut &ecirc;tre plus long que celui d'une page normale
                     ou celles n&eacute;cessitant des plug-in sp&eacute;cifiques (par exemple, PDF, Flash, MS Word, etc.).
                     
                  </p>
                  
                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>