WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Label or Placeholder?

for

From: Maxability Accessibility for all
Date: Jul 29, 2016 11:14PM

The following article may help you understand the problems and ways to make
placeholder accessible.
http://www.maxability.co.in/2016/01/placeholder-attribute-and-why-it-is-not-accessible/

Thanks & Regards
Rakesh

On Sat, Jul 30, 2016 at 8:31 AM, 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!
>
>
>