WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Float labels


From: Moore,Michael (Accessibility) (HHSC)
Date: Dec 11, 2015 7:45AM

Can these float labels be configured to provide information to screen reading software to determine the accessible name for the input? Can they be positioned in a manner where they are usable for people using screen magnification? Do they have sufficient contrast? What happens to them on a mobile device?

Mike Moore
Accessibility Coordinator
Texas Health and Human Services Commission
Civil Rights Office
(512) 438-3431 (Office)

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Jonathan Avila
Sent: Friday, December 11, 2015 8:32 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Float labels

> Are float labels WCAG-compliant?

I assume you are referring to small field labels that appear after a field has data entered into where previously the label was a placeholder. I support this design pattern as a way to meet SC 3.3.2 because IMO placeholder alone are not sufficient because they disappear when the field as input. I find with browser toolbars that many fields get auto populated and there needs to be a visual label present for the user to know what the field is for.


Jonathan Avila
Chief Accessibility Officer
703.637.8957 (o)
Follow us: Facebook | Twitter | LinkedIn | Blog | Newsletter

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Gijs Veyfeyken
Sent: Friday, December 11, 2015 9:19 AM
Subject: [WebAIM] Float labels


Are float labels WCAG-compliant?
Normal visible label elements are better, I know.
Just trying to figure out if it fails or not.

http://mds.is/float-label-demo/ <http://mds.is/float-label-demo/>; http://mozmonkey.com/wp-content/files/PlaceholderLabels/ <http://mozmonkey.com/wp-content/files/PlaceholderLabels/>;



Gijs Veyfeyken
AnySurfer - towards an accessible internet http://www.anysurfer.be/en <http://www.anysurfer.be/en>; Brussels - Belgium