RE: [Techs] CSS and invisible labels for forms - more

Actually, in my label examples using a single pixel image with alt text 
for the label, I neglected to put the image in a <label> tag.  I've 
updated the example and attached it below.  This changes some of the home 
page reader results but not the WindowEyes results.  I've updated and 
included the section on alt text labels below.

Technique Three - using a transparent, single pixel image inside of a 
<label> tag  associated with the control with the label text specified in 
the alt attribute. 
WindowEyes  reads the alt text of the image in normal reading mode. 
However, if you navigate directly to the control there is no label 
information announced (even with the img wrapped in a label tag). If you 
navigate directly to the control With MSAA mode off, WindowEyes picks up 
the visual text before the control and reads it. This is only an issue in 
the image example since WindowEyes still reads the label and title 
information if it is available as you navigate from control to control 
with MSAA mode both off and on. 
Jaws reads the alt text in normal reading mode and when navigating from 
control to control. 
Home Page Reader reads the alt text in item reading mode and control 
reading mode when the image is wrapped in a label tag.




Becky Gibson
Web Accessibility Architect
                                                       
IBM Emerging Internet Technologies
5 Technology Park Drive
Westford, MA 01886
Voice: 978 399-6101; t/l 333-6101
Email: gibsonb@us.ibm.com