<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 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">IMG sans image d'espacement 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>
                             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). Elle doit disposer d'une description textuelle
                             &eacute;quivalente.
                           
                  </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>
                             Assurez-vous que la description ALT en cours fournit la
                             signification de l'image.
                           
                  </p>
                        
                  <p>
                             La description doit expliquer le r&ocirc;le que l'image joue
                             dans la page&nbsp;: pourquoi elle est l&agrave;, ce qu'elle
                             constitue, comment elle pr&eacute;sente l'information.
                             Imaginez que vous &eacute;coutiez la description au
                             t&eacute;l&eacute;phone.
                           
                  </p>
                        
                  <p>
                             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.
                           
                  </p>
                        
                  <p>
                             Si l'image sert de lien masqu&eacute;, son attribut ALT doit
                             alors d&eacute;crire la destination du lien.
                           
                  </p>
                        
                  <p>
                             Si l'image n'a qu'un r&ocirc;le d&eacute;coratif (par
                             exemple, les images utilis&eacute;es en guise de puces ou
                             d'images d'espacement), la cha&icirc;ne ALT doit rester vide
                             ("") ou vierge (" ").
                           
                  </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>
                             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.
                           
                  </p>
                        
                  <p>
                             La description doit fournir les m&ecirc;mes informations que
                             celles de l'image et expliquer le r&ocirc;le de ladite image
                             dans la page&nbsp;: pourquoi elle est l&agrave;, ce qu'elle
                             repr&eacute;sente et comment elle pr&eacute;sente
                             l'information.
                           
                  </p>
                        
                  <p>
                             Si l'image est utilis&eacute;e &agrave; l'int&eacute;rieur
                             d'un lien masqu&eacute; (&agrave; savoir, une balise A
                             normale avec une image d'espacement en tant
                             qu'&eacute;tiquette), son attribut ALT doit alors
                             d&eacute;crire la destination du lien. Le contenu ALT
                             correspond &agrave; tout ce que les navigateurs non
                             graphiques affichent pour un lien masqu&eacute;. (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>
                             Notez que l'insertion d'une bonne description secondaire au
                             niveau des images est tr&egrave;s importante de nos jours vu
                             que nombre d'utilisateurs ne peuvent profiter des graphiques,
                             comme par exemple les utilisateurs de
                             t&eacute;l&eacute;phones portables, d'un PDA et des
                             ordinateurs de voitures.
                           
                  </p>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>