<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: Eviter de faire clignoter de contenu</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">Eviter de faire clignoter de contenu</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 7,2 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 la balise BLINK non standard.
                     	 
                  </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>
                     Remplacez la balise BLINK par une autre propri&eacute;t&eacute; de mise en forme o&ugrave; le texte ne clignote pas ou n'est pas contr&ocirc;l&eacute; par la
                     personne qui visite le site Web. 
                     	 
                  </p>
                  
                  <p>
                     Le W3C (<strong>HTML Techniques for Web Content Accessibility Guidelines 1.0</strong>
                     [http://www.w3.org/TR/WCAG10-HTML-TECHS/#style-text]
                     ) sugg&egrave;re de ne pas utiliser les balises BLINK et MARQUEE.
                     
                  </p>
                  
                  <p>
                     Si l'effet de clignotement est requis, utilisez la propri&eacute;t&eacute; css " text-decoration: blink ". De cette fa&ccedil;on, le r&eacute;sultat final
                     sera le m&ecirc;me, toutefois :
                     
                     
                  </p>
                  
                  <ul>
                     
                     <li> la personne visitant le site peut d&eacute;sactiver le traitement CSS par le navigateur, ce qui entra&icirc;ne la fin du clignotement
                        ;
                     </li>
                     
                     <li> une meilleure option consiste &agrave; associer plusieurs fichiers de styles CSS &agrave; la page.  La plupart des propri&eacute;t&eacute;s peuvent rester
                        identiques (dans tous les fichiers) &agrave; l'exception de la propri&eacute;t&eacute; " text-decoration: blink ". De cette fa&ccedil;on, la personne
                        visitant le site (via un navigateur &agrave; jour) peut basculer entre les fichiers de styles et choisir celui qui lui permet de
                        tout faire ce dont elle a besoin, sauf le clignotement.
                        
                     </li>
                     
                     <li> le fichier HTML contient du code correct et sa taille est plus petite (du fait que la propri&eacute;t&eacute; de clignotement n'est mentionn&eacute;e
                        qu'une seule fois dans le fichier de style externe).
                        
                     </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>
                     Cette balise active et d&eacute;sactive son contenu. L'utilisateur du navigateur ne pourra pas du tout interrompre ce comportement.
                     
                     	 
                  </p>
                  
                  <p>
                     Ce clignotement est g&ecirc;nant et peut vous emp&ecirc;cher de vous concentrer lorsque vous lisez les informations ou que vous compl&eacute;tez
                     le formulaire de la page. 
                     
                  </p>
                  
                  <p>
                     Les cons&eacute;quences sont bien plus importantes chez les utilisateurs souffrant de trouble cognitifs, car ils auront beaucoup
                     de mal &agrave; se concentrer sur le contenu de la page. Tenez compte &eacute;galement des utilisateurs de loupes d'&eacute;cran ne pouvant lire
                     qu'une portion du texte recouverte par le texte clignotant. Dans ce cas, une grande partie de l'&eacute;cran grossie clignotera,
                     rendant tr&egrave;s difficile pour ces utilisateurs la lecture du contenu de la page.
                     
                  </p>
                  
                  <p>
                     D'une certaine fa&ccedil;on, toute personne stress&eacute;e souffre de troubles cognitifs. Par exemple, lors de l'achat en ligne d'un billet
                     d'avion depuis une borne se trouvant dans un a&eacute;roport bond&eacute; et tr&egrave;s bruyant et que de nombreuses personnes font la queue pour
                     la m&ecirc;me borne, il est tr&egrave;s difficile de rester concentr&eacute;. Un &eacute;l&eacute;ment clignotant sur la page peut emp&ecirc;cher la personne de terminer
                     son achat.
                     
                  </p>
                      
                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>