<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: INPUT avec 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">INPUT avec 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>
                             L'image utilis&eacute;e en guise de bouton dans le formulaire
                             ne contient pas une description textuelle valide.
                           
                  </p>
                        
                  <p>
                             L'image n'a pas d'attribut LONGDESC qui la relie &agrave; un
                             fichier HTML o&ugrave; figure une description
                             d&eacute;taill&eacute;e non adapt&eacute;e &agrave;
                             l'attribut ALT. Une description valide est une valeur de
                             cha&icirc;ne de l'attribut ALT, autre que les
                             suivantes&nbsp;:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  une cha&icirc;ne vide ("")&nbsp;;
                                
                     </li>
                             
                     <li>
                                  une cha&icirc;ne vierge contenant un espace ou plus
                                  (" ")&nbsp;;
                                
                     </li>
                             
                     <li>
                                  le nom du fichier d'image&nbsp;;
                                
                     </li>
                             
                     <li>
                                  la taille du fichier d'image&nbsp;;
                                
                     </li>
                             
                     <li>
                                  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>
                      
               </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; l'&eacute;l&eacute;ment
                             INPUT, tout en gardant les points suivants &agrave;
                             l'esprit&nbsp;:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  La description doit expliquer les effets d&eacute;coulant
                                  d'un clic sur le bouton
                                
                     </li>
                             
                     <li>
                                  Les descriptions ALT ne sont pas interpr&eacute;t&eacute;es
                                  par les navigateurs et ne doivent pas inclure de
                                  balises&nbsp;HTML. Les balises incorpor&eacute;es
                                  d&eacute;concertent les utilisateurs, parfois m&ecirc;me
                                  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>
                           
                  </ul>
                        
                  <p>
                             Sachez que les coordonn&eacute;es du formulaire et du clic
                             sont soumises au serveur lorsque vous s&eacute;lectionnez
                             l'image au moyen de la souris. Si le serveur agit en fonction
                             de l'endroit o&ugrave; le clic a eu lieu, les utilisateurs de
                             navigateurs ne prenant pas en charge les graphiques seront
                             d&eacute;savantag&eacute;s. Pour cette raison, il convient
                             d'envisager des m&eacute;thodes alternatives, comme ce qui
                             suit&nbsp;:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Utilisez plusieurs boutons d'envoi (chacun avec sa propre
                                  image) plut&ocirc;t qu'un seul et unique bouton graphique.
                                  Le cas &eacute;ch&eacute;ant, vous pouvez v&eacute;rifier
                                  le positionnement desdits boutons au moyen de feuilles de
                                  style.
                                
                     </li>
                             
                     <li>
                                  Utilisez une carte graphique c&ocirc;t&eacute; client,
                                  ainsi qu'un langage de script.
                                
                     </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>
                             Si l'image du bouton est d&eacute;pourvue d'une description
                             textuelle, les utilisateurs dont le navigateur ne prend pas
                             en charge les graphiques n'auront pas la moindre id&eacute;e
                             de ce qui r&eacute;sultera d'un clic sur ce bouton.
                           
                  </p>
                        
                  <p>
                             Attention &agrave; un autre probl&egrave;me&nbsp;:
                           
                  </p>
                        
                  <p>
                             Lorsque vous s&eacute;lectionnez l'image au moyen de la
                             souris, les coordonn&eacute;es du formulaire et du clic sont
                             envoy&eacute;es au serveur.
                           
                  </p>
                        
                  <p>
                             Si le serveur agit en fonction de l'endroit o&ugrave; le clic
                             a eu lieu, les utilisateurs de navigateurs ne prenant pas en
                             charge les graphiques seront d&eacute;savantag&eacute;s. Pour
                             cette raison, il convient d'envisager des m&eacute;thodes
                             alternatives, comme ce qui suit&nbsp;:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Utilisez plusieurs boutons d'envoi (chacun avec sa propre
                                  image) plut&ocirc;t qu'un seul et unique bouton graphique.
                                  Le cas &eacute;ch&eacute;ant, vous pouvez v&eacute;rifier
                                  le positionnement desdits boutons au moyen de feuilles de
                                  style.
                                
                     </li>
                             
                     <li>
                                  Utilisez une carte graphique c&ocirc;t&eacute; client,
                                  ainsi qu'un langage de script.
                                
                     </li>
                           
                  </ul>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>