<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: GIFs should not cause the screen to blink</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">GIFs should not cause the screen to blink</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">WAI / WCAG 1.0 Priority 2 checkpoint 7.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 contains images that might cause blinking on the screen. If
                     this is the case, it is best to modify or remove 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>
                     Check if the image causes blinking (i.e. a constant on/off
                     behavior of part of the screen) that does not stop and that cannot be
                     stopped by the website visitor.
                     	 
                  </p>
                  
                  <p>
                     If so, modify the image so that no blinking occurs, or so
                     that it blinks a couple of times and then comes to 
                     rest. 
                     
                  </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>Issue Explanation</b><br>
                  
                  <p>
                     The image causes blinking and the user of the browser will in no way 
                     be able to stop this on/off behavior.
                     	 
                  </p>
                  
                  <p>
                     This blinking behavior is very distracting to the eye, and will make
                     it very difficult to concentrate on the task of reading the
                     information on the page, or filling in the form contained on the
                     page. 
                     
                  </p>
                  
                  <p>
                     The consequences will be even more significant for users that suffer
                     from cognitive disorders, as they will have a very hard time 
                     concentrating on the page content. Consider also users of screen
                     magnifiers who may read a small portion of the page that overlaps
                     with the blinking content. In these cases, a large part of the magnified
                     screen will blink; again making it very hard for these users to
                     concentrate on the task at hand.
                     
                  </p>
                  
                  <p>
                     Consider that, in a sense, everyone is cognitively disabled
                     when under stress. For example, when buying an e-ticket for a flight from a
                     kiosk in a very noisy and crowded airport, with a long line of
                     people waiting for the same kiosk, most people will be unable to
                     fully concentrate on the task. A blinking element in the page will not
                     help the user to complete the purchase.
                     
                  </p>        
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>