<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: Spacer IMG with valid ALT</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">Spacer IMG with valid ALT</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(a); 
                  
                  WAI
                  
                  / 
                  
                  WCAG
                  
                  1.0 checkpoint 1.1
                  
               </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>
                     Images in this document that seem to serve decorative
                     purposes only (spacers) do not have corresponding valid
                     textual descriptions. A valid textual description is a blank
                     or empty string for the ALT attribute value.
                     
                  </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 fix</b>
                  
                  <p>Add the ALT attribute to the IMG tag. </p>
                  
                  <p>
                     For a spacer, the ALT attribute value should be a blank (" ")
                     or empty ("") string, but it should exist anyway. The same
                     applies for images used as bullets.
                     
                  </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 ALT attribute describes the associated image so that
                     users without graphics-enabled browsers can still
                     effectively navigate the page. Images that have only a
                     decorative role do not need to have a textual description
                     since users unable to see the image will not care about it.
                     
                  </p>
                  
                  
                  <p>
                     In addition, speaking browsers or screen readers will not
                     bother their users if the ALT text is a blank or empty
                     string. A blank string is a string made up of one or more
                     spaces, such as " ". An empty string is a string with no
                     spaces at all, such as "".
                     
                  </p>
                  
                  
                  <p>
                     The ALT attribute should be defined even if the value is a
                     blank or empty string. Otherwise a screen reader or
                     speaking browser might insert the image filename, for
                     example, disturbing the user while listening to the page.
                     
                  </p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>