WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Off-screen form label not read by Screen reader

for

From: Rick Hill
Date: Aug 2, 2012 11:09AM

Not according to WCAG 20 HTML technique "H65: Using the title attribute to identify form controls when the label element cannot be used" http://www.w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/H65

"Description :The objective of this technique is to use the title attribute to label form controls when the visual design cannot accommodate the label (for example, if there is no text on the screen that can be identified as a label) or where it might be confusing to display a label. User agents, including assistive technology, can speak the title attribute."

–––––––––––––––––––––––––––––––––––––––
Rick


From: Steve Faulkner < <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >>
Reply-To: WebAIM Discussion List < <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >>
Date: Thursday, August 2, 2012 9:17 AM
To: WebAIM Discussion List < <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >>
Subject: Re: [WebAIM] Off-screen form label not read by Screen reader

hi Rick,

Although I personally prefere a CSS method to move lables off creen, according to WCAG 2 you can also omit the <label> and use the title attribute to attach a >label to a form input. True?

only in cases where there is a visible label but it is not
programmatically associated.

regards
SteveF

On 2 August 2012 17:07, Rick Hill < <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >> wrote:
Although I personally prefere a CSS method to move lables off creen, according to WCAG 2 you can also omit the <label> and use the title attribute to attach a label to a form input. True?
–––––––––––––––––––––––––––––––––––––––
Rick Hill, Web CMS Administrator
University Communications, UC Davis



From: Pratik Patel < <EMAIL REMOVED> <mailto: <EMAIL REMOVED> ><mailto: <EMAIL REMOVED> >>
Reply-To: WebAIM Discussion List < <EMAIL REMOVED> <mailto: <EMAIL REMOVED> ><mailto: <EMAIL REMOVED> >>
Date: Thursday, August 2, 2012 4:07 AM
To: 'WebAIM Discussion List' < <EMAIL REMOVED> <mailto: <EMAIL REMOVED> ><mailto: <EMAIL REMOVED> >>
Subject: Re: [WebAIM] Off-screen form label not read by Screen reader

Maraikayar Prem Nawaz Wrote:

I have a simple form where I have off-screen labels
Example here : http://jsfiddle.net/HMDpw/

It didn't work with NVDA on FireFox (FF14) . The form fields are read as
"Edit Auto complete Blank"
Not sure if this is problem with the code /browser/ NVDA..
Anyhelp would be great
Can you provide the actual code/css examples you're using to:
1. put your labels off screen?
2. associate your labels with the input fields?

Pratik


--
with regards

Steve Faulkner
Technical Director - TPG

www.paciellogroup.com | www.HTML5accessibility.com |
www.twitter.com/stevefaulkner
HTML5: Techniques for providing useful text alternatives -
dev.w3.org/html5/alt-techniques/
Web Accessibility Toolbar - www.paciellogroup.com/resources/wat-ie-about.html