<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: Faire en sorte que le contraste soit suffisant entre les couleurs au premier plan et celles en arri&egrave;re-plan</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">Faire en sorte que le contraste soit suffisant entre les couleurs au premier plan et celles en arri&egrave;re-plan</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 2.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 des images, des objets ou des applets. Des cas peuvent exister o&ugrave; le contraste entre les couleurs au premier
                     plan et celles en arri&egrave;re-plan n'est pas suffisant pour les diff&eacute;rencier.
                     
                     
                  </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>
                       V&eacute;rifiez qu'il est facile de faire la diff&eacute;rence entre les couleurs et les &eacute;l&eacute;ments color&eacute;s sur la page, quel que soit le
                     support utilis&eacute; pour afficher la page Web. <br> V&eacute;rifiez que le contraste entre les &eacute;l&eacute;ments au premier plan et ceux en arri&egrave;re-plan ne passe pas uniquement par les couleurs.
                     La luminosit&eacute; (c'est-&agrave;-dire le contraste noir et blanc), diff&eacute;rents styles de police, diff&eacute;rentes tailles ou noms de police
                     peuvent &eacute;galement &ecirc;tre utilis&eacute;s.
                     
                  </p>
                  
                           
                  <p>
                       Si vous vous servez de la couleur, accentuez les diff&eacute;rences entre les couleurs au premier plan et celles en arri&egrave;re-plan
                     en vous aidant de ces trois param&egrave;tres :
                     
                  </p>
                  
                           
                  <ul>
                     
                                 
                     <li>
                                       <strong>teinte</strong>
                                    
                     </li>
                     
                                 
                     <li>
                                       <strong>saturation</strong>
                                    
                     </li>
                     
                                 
                     <li>
                                       <strong>luminosit&eacute;</strong>
                                    
                     </li>
                     
                              
                  </ul>
                  
                           
                  <p>
                       Pour tester facilement la page, vous pouvez :
                     
                  </p>
                  
                           
                  <ul>
                                 
                     <li> afficher la page en noir et blanc et examinez chacun de ses &eacute;l&eacute;ments ;</li>
                                 
                     <li> imprimer la page sur une imprimante noir et blanc ;</li>
                                 
                     <li> photocopier deux ou trois fois la page imprim&eacute;e pour contr&ocirc;ler si les couleurs bougent ou pas. Vous pouvez ainsi rep&eacute;rer
                        les endroits n&eacute;cessitant l'ajout d'aides visuelles (notamment des traits de soulignement) ou d&eacute;terminer si les aides visuelles
                        ne peuvent tenir car trop petites ou impr&eacute;cises.
                     </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>
                       Il existe de nombreuses situations o&ugrave; un choix limit&eacute; de couleurs emp&ecirc;che la perception et la compr&eacute;hension de certaines
                     informations ou images se trouvant sur la page.
                     
                  </p>
                           
                  <p>
                       Ceci est d&ucirc; &agrave; plusieurs facteurs, notamment au fait que :
                     
                  </p>
                           
                  <ul>
                                 
                     <li> le choix des couleurs de premier plan et d'arri&egrave;re-plan est limit&eacute; ;</li>
                                 
                     <li> la personne visitant le site Web utilise un &eacute;cran ne rendant pas la m&ecirc;me qualit&eacute; des couleurs que celui utilis&eacute; par le concepteur
                        de la page ;
                     </li>
                                 
                     <li> la personne visite le site Web sur un &eacute;cran noir et blanc d'un assistant personnel ou d'un t&eacute;l&eacute;phone portable ;</li>
                                 
                     <li> la personne visitant le site Web doit imprimer la page sur une imprimante noir et blanc ;</li>
                                 
                     <li> la personne visitant le site Web est daltonienne.</li>
                              
                  </ul>
                  
                  
                  <p>
                     Issu des instructions W3C :
                     
                  </p>
                  
                  
                  <p>
                     <strong>Instruction 2.  Ne pas se fier uniquement &agrave; la couleur. <br> V&eacute;rifiez que le texte et les images sont lisibles lorsqu'ils sont affich&eacute;s en noir et blanc.</strong>
                     
                  </p>
                  
                  <p>
                     Si vous n'utilisez que la couleur, les personnes ne pouvant pas faire la diff&eacute;rence entre certaines couleurs et celles utilisant
                     des &eacute;crans noir et blanc et des supports autres que visuels ne peuvent pas recevoir les informations. Lorsque la teinte des
                     couleurs au premier plan et d'arri&egrave;re-plan est presque identique, le contraste risque d'&ecirc;tre insuffisant lorsque celles-ci
                     sont affich&eacute;es sur un &eacute;cran monochrome ou chez les personnes ne percevant pas correctement les couleurs.
                     
                  </p>
                  
                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>