<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: Properly position implicit labels in forms</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">Properly position implicit labels in forms</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 10.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 forms with controls. If the labels of these controls
                     are not properly positioned, (to the left or on the top of the
                     control), then the page fails to satisfy this checkpoint.
                     	 
                  </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>
                     Ensure that the labels for the fields and controls do exist, and
                     are positioned to the left or on the top of the control to which they refer. Be aware of the potential problems that might
                     arise when using
                     tables to layout the content of the form.
                     	 
                  </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>
                     Consider that not all visitors can get a bi-dimensional view of the
                     form, and they might not be able to take advantage of visual clues
                     that have been added to the graphical design of the form (like
                     vertical alignment of controls, or little boxes that act as a frame
                     for a number of controls, or different background colors).
                     	 
                  </p>
                  
                  <p>
                     This may happen because the visitor uses a different media to
                     experience the form (like via audio rendering of the form), because
                     the visitor uses a screen magnifier that shows only a very limited
                     portion of the form, or because the visitor uses a very small,
                     black and white PDA screen.
                     
                  </p>
                  
                  <p>
                     In all of these cases the visitors are likely to miss the intended
                     meaning of a field or control, and might be unable to figure out what
                     they should type or do.
                     
                  </p>
                  
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>