WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Label or Placeholder?

for

From: Whitney Quesenbery
Date: Aug 9, 2016 6:10AM

There is a lot of usability evidence that placeholders (text within the
field) is a real problem for many, especially because of the very
inconsistent behaviors that exist.

Here's an article that she's written about it. Published several years ago,
but her feelings about this have not changed. She may have some more recent
notes in the UK GDS design patterns.
http://www.uxmatters.com/mt/archives/2010/03/dont-put-hints-inside-text-boxes-in-web-forms.php


On Sun, Jul 31, 2016 at 7:03 PM Sean Murphy < <EMAIL REMOVED> > wrote:

> Also place holder from my reading isn't support on all browsers.
>
> Sean
> > On 30 Jul 2016, at 1:01 PM, Jonathan Avila < <EMAIL REMOVED> >
> wrote:
> >
> >> On this form there is no label tag. Is it accessible (WCAG can accept
> it), or should developers add the label tags too?
> >
> > Aron, the label element is not the only way to provide an accessible
> name for a form field, however, use of placeholder alone would not meet
> WCAG 2 A/AA success criteria. Placeholder while used as fallback to
> calculate an accessible name is not meant to provide a name for a form
> field -- it's meant to be a hint, a placeholder -- the HTML5 spec
> discourages this as well. In addition, the placeholder is likely not as
> widely support by assistive technology. Keep in mind that form fields will
> also need visible labels -- and once data is entered into the field the
> placeholder will go away and will no longer provide a visual label for the
> form field.
> >
> > Jonathan
> >
> > Jonathan Avila
> > Chief Accessibility Officer
> > SSB BART Group
> > <EMAIL REMOVED>
> > 703.637.8957 (Office)
> >
> > Visit us online: Website | Twitter | Facebook | Linkedin | Blog
> > Check out our Digital Accessibility Webinars!
> >
> >
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of Ócsvári Áron
> > Sent: Friday, July 29, 2016 8:08 PM
> > To: WebAIM Discussion List
> > Subject: [WebAIM] Label or Placeholder?
> >
> > Hello,
> >
> > on a web-form, every field has a placeholder, wich contains name of the
> field (e.g. first name, e-mail address, etc). On this form there is no
> label tag. Is it accessible (WCAG can accept it), or should developers add
> the label tags too?
> >
> >
> > Thanks for your help!
> >
> > Regards,
> >
> > Aron
> >
> > > > > archives at http://webaim.org/discussion/archives
> > > > > > > > > > >
> > > > >
--
*Whitney Quesenbery*
(lists) <EMAIL REMOVED>
(work) <EMAIL REMOVED>