<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: IMG sans image d'espacement avec un ALT valide</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">IMG sans image d'espacement avec un ALT valide</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>
                             Les images contenues dans ce document n'ont aucune
                             description textuelle valide correspondante. Une description
                             valide est une valeur de cha&icirc;ne de l'attribut ALT
                             qui&nbsp;:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  n'est pas une cha&icirc;ne vide ("")&nbsp;;
                                
                     </li>
                             
                     <li>
                                  n'est pas une cha&icirc;ne avec un ou plusieurs espaces
                                  (" ")&nbsp;;
                                
                     </li>
                             
                     <li>
                                  n'est pas le nom du fichier contenant l'image&nbsp;;
                                
                     </li>
                             
                     <li>
                                  n'indique pas uniquement la taille du fichier
                                  d'image&nbsp;;
                                
                     </li>
                             
                     <li>
                                  n'est pas une cha&icirc;ne de plus de
                                  150&nbsp;caract&egrave;res (il s'agit d'une simple
                                  suggestion, et non d'une obligation WCAG&nbsp;1.0
                                  ou&nbsp;508).
                                
                     </li>
                           
                  </ul>
                        
                  <p>
                             Le r&ocirc;le de l'image n'est pas seulement d&eacute;coratif
                             (c.-&agrave;-d. elle ne constitue pas une image
                             d'espacement).
                           
                  </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>
                           Ajoutez l'attribut ALT &agrave; la balise IMG. Rappelez-vous
                           les points suivants&nbsp;:
                         
                  </p>
                  	          
                  <ul>
                             
                     <li>
                                  La description doit expliquer le r&ocirc;le de l'image dans
                                  la page. Imaginez que vous &eacute;coutiez le contenu de la
                                  page et la description de l'image au
                                  t&eacute;l&eacute;phone
                                
                     </li>
                             
                     <li>
                                  Si l'image sert de contenu d'un lien et que vous fournissez
                                  aussi le texte du lien, utilisez un espace comme valeur de
                                  l'attribut ALT de l'&eacute;l&eacute;ment IMG. Dans ce cas,
                                  le texte du lien doit constituer la description secondaire
                                  de l'image
                                
                     </li>
                             
                     <li>
                                  Soyez concis. Pensez que les images telles que les logos se
                                  r&eacute;p&egrave;tent sur toutes les pages du site et que
                                  les internautes vont devoir &eacute;couter la m&ecirc;me
                                  description maintes et maintes fois
                                
                     </li>
                             
                     <li>
                                  En bref, utilisez le m&ecirc;me texte affich&eacute; par
                                  l'image pour les boutons
                                
                     </li>
                             
                     <li>
                                  Comme les descriptions ALT ne sont pas
                                  interpr&eacute;t&eacute;es par les navigateurs, il est
                                  pr&eacute;f&eacute;rable de n'y inclure aucune balise HTML.
                                  Les balises incorpor&eacute;es ne peuvent qu'embrouiller
                                  les utilisateurs, ainsi que les moteurs de recherche
                                
                     </li>
                             
                     <li>
                                  Les descriptions ALT trop longues risquent d'&ecirc;tre
                                  tronqu&eacute;es par les navigateurs et augmentent le temps
                                  de t&eacute;l&eacute;chargement de la page. En r&egrave;gle
                                  g&eacute;n&eacute;rale, il vaut mieux utiliser moins de
                                  10&nbsp;mots et 64&nbsp;caract&egrave;res
                                
                     </li>
                             
                     <li>
                                  Les images utilis&eacute;es uniquement dans un but
                                  d&eacute;coratif (par exemple, les images d'espacement)
                                  doivent comprendre une cha&icirc;ne ALT vide ("") pour que
                                  les lecteurs d'&eacute;cran les ignorent. Il en va de
                                  m&ecirc;me pour les images servant de puces
                                
                     </li>
                             
                     <li>
                                  ATTENTION&nbsp;: l'attribut ALT doit constituer la
                                  cha&icirc;ne vide ("") pour les cas o&ugrave; l'image
                                  serait d&eacute;j&agrave; d&eacute;crite par le texte
                                  p&eacute;riph&eacute;rique
                                
                     </li>
                             
                     <li>
                                  ATTENTION&nbsp;: il est indispensable que les images
                                  incluses dans les liens (y compris les images GIF
                                  transparentes) soient toutes accompagn&eacute;es d'un
                                  attribut ALT valide d&eacute;crivant la destination du
                                  lien
                                
                     </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>
                             L'attribut ALT d&eacute;crit l'image &agrave; laquelle il se
                             r&eacute;f&egrave;re pour permettre aux utilisateurs dont le
                             navigateur ne prend pas en charge les graphiques de pouvoir
                             quand m&ecirc;me parcourir la page. L'&eacute;mergence des
                             navigateurs texte-seul portatifs rend l'utilisation de
                             descriptions ALT plus importante que jamais.
                           
                  </p>
                        
                  <p>
                             Quant aux liens masqu&eacute;s (les balises&nbsp;A normales
                             dont l'&eacute;tiquette constitue une image d'espacement), il
                             importe que l'attribut ALT de l'image existe et qu'il
                             d&eacute;crive la destination du lien. (La technique des
                             liens masqu&eacute;s peut &ecirc;tre utilis&eacute;e pour
                             r&eacute;pondre &agrave; la norme&nbsp;508, paragraphe
                             1194.22(o), selon laquelle "il convient de trouver une
                             m&eacute;thode qui permette aux utilisateurs de passer outre
                             les liens de navigation r&eacute;p&eacute;titifs", et au
                             point de contr&ocirc;le WAI 13.6.)
                           
                  </p>
                        
                  <p>
                             Les descriptions ALT s'affichent avant l'image &agrave;
                             laquelle elles se r&eacute;f&egrave;rent, ce qui est utile
                             lorsque le t&eacute;l&eacute;chargement et l'affichage de
                             l'image elle-m&ecirc;me demandent plusieurs secondes.
                           
                  </p>
                        
                  <p>
                             L'insertion de mots-cl&eacute;s dans l'attribut ALT peut
                             aussi am&eacute;liorer la fa&ccedil;on dont les pages sont
                             r&eacute;pertori&eacute;es dans certains moteurs de
                             recherche.
                           
                  </p>
                        
                  <p>
                               Pour les images qui ne jouent qu'un r&ocirc;le
                               d&eacute;coratif dans la page (telles que les images
                               d'espacement et les puces), il est recommand&eacute; de
                               d&eacute;finir une cha&icirc;ne ALT vide (c.-&agrave;-d.
                             <strong>
                                  ALT=""        </strong>
                             ) pour &eacute;viter que les navigateurs ne g&ecirc;nent les
                             utilisateurs en ins&eacute;rant des caract&egrave;res du type
                             "*" ou "&gt;".
                           
                  </p>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>