WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Float labels

for

From: Jonathan Avila
Date: Dec 11, 2015 7:32AM


> 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

Jonathan Avila
Chief Accessibility Officer
SSB BART Group
<EMAIL REMOVED>
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
To: <EMAIL REMOVED>
Subject: [WebAIM] Float labels

Hi,

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

Demo's:
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/>;

Thanks,

Gijs

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