<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>Detailed View for rule: Colors are visible</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">Colors are visible</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>Issue Description</b><br>
                  
                  <p>
                     The page uses some colors; there might be cases where the
                     contrast between foreground and background colors is not
                     sufficient to differentiate them.
                     
                  </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>How to check</b>
                  
                  <p>
                     Make sure colors and colored items on the page can be
                     clearly differentiated in all the possible contexts in
                     which users may be viewing the page. Make sure the contrast
                     between foreground and background items is conveyed by
                     other means than color, such as different font styles, font
                     sizes, or font faces.
                     
                  </p>
                  
                  
                  <p>
                     Here are easy ways to test the page:
                     
                  </p>
                  
                  
                  <ul>
                     
                     <li>
                        View the page on a black and white screen and go through
                        each of its elements
                        
                     </li>
                     
                     
                     <li>
                        Print the page on a black and white printer
                        
                     </li>
                     
                     
                     <li>
                        Take the printout and copy it two or three times to see
                        how it degrades. This will show you where you need to add
                        redundant cues (like underlying links) or whether the
                        cues are too small or indistinct to hold up well
                        
                     </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>Issue Explanation</b><br>
                  
                  <p>
                     There are many situations where a bad choice of colors by
                     the designer hinders perception and comprehension of some
                     information or image on a page. They include:
                     
                  </p>
                  
                  
                  <ul>
                     
                     <li>
                        Bad choice of background/foreground colors
                        
                     </li>
                     
                     
                     <li>
                        The user uses a screen incapable of rendering colors with
                        the same quality as the one used by the page designer
                        
                     </li>
                     
                     
                     <li>
                        The user is accessing the page through a black and white
                        PDA or cell phone
                        
                     </li>
                     
                     
                     <li>
                        The user needs to print the page on a black and while
                        printer
                        
                     </li>
                     
                     
                     <li>
                        The user is color-blind
                        
                     </li>
                     
                  </ul>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>