<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: Les couleurs sont visibles</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">Les couleurs sont visibles</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(c); 
                        
                          WAI
                        
                         / 
                        
                          WCAG
                        
                         1.0 checkpoint 2.2
                      
               </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 utilise des couleurs. Il se peut que le contraste
                             entre les couleurs de premier et d'arri&egrave;re plan ne
                             suffise pas &agrave; 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>
                             Veillez &agrave; ce que les couleurs et les
                             &eacute;l&eacute;ments color&eacute;s de la page ressortent
                             toujours de leur entourage, quel que soit le contexte
                             d'affichage de la page. Veillez &agrave; ce que le contraste
                             entre les &eacute;l&eacute;ments de premier et
                             d'arri&egrave;re-plan soit garantit par d'autres facteurs que
                             la couleur, par exemple le style, le corps ou l'&#156;il de
                             la police.
                           
                  </p>
                        
                  <p>
                             Voici un moyen ais&eacute; de tester la page&nbsp;:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Affichez la page sur un &eacute;cran noir et blanc et
                                  passez chaque &eacute;l&eacute;ment en revue.
                                
                     </li>
                             
                     <li>
                                  Imprimez la page sur une imprimante noire et blanc.
                                
                     </li>
                             
                     <li>
                                  Photocopiez cet imprim&eacute; deux ou trois fois pour voir
                                  quelles sont les parties qui s'estompent. Vous identifiez
                                  ainsi les endroits qui ont besoin d'&ecirc;tre
                                  am&eacute;lior&eacute;s (les liens soulign&eacute;s par
                                  exemple), ceux qui sont trop petits ou illisibles.
                                
                     </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 arrive souvent qu'un mauvais choix de couleurs affecte la
                             perception et la compr&eacute;hension des informations ou des
                             images d'une page. Il peut s'agir des probl&egrave;mes
                             suivants&nbsp;:
                           
                  </p>
                        
                  <ul>
                             
                     <li>
                                  Mauvais choix des couleurs pour le premier et
                                  l'arri&egrave;re-plan.
                                
                     </li>
                             
                     <li>
                                  La personne utilise un &eacute;cran incapable de restituer
                                  les couleurs avec la m&ecirc;me qualit&eacute; que celle
                                  utilis&eacute;e par le concepteur de la page.
                                
                     </li>
                             
                     <li>
                                  L'utilisateur acc&egrave;de &agrave; la page via un PDA
                                  noir et blanc ou un t&eacute;l&eacute;phone portable.
                                
                     </li>
                             
                     <li>
                                  L'utilisateur a besoin d'imprimer la page sur une
                                  imprimante noire et blanc.
                                
                     </li>
                             
                     <li>
                                  L'utilisateur est daltonien.
                                
                     </li>
                           
                  </ul>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>