WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Label for and input id--basic question revisited.

for

From: Lewis Phillips
Date: Jan 24, 2014 8:37AM

I've always recommended using the for/id for future proofing - in case the
form element is moved during a redesign and the label isn't moved correctly
at the same time.

Lewis


On Fri, Jan 24, 2014 at 9:32 AM, Steve Faulkner < <EMAIL REMOVED> >wrote:

> case 1 for/id is necessary
> case 2 for/id is not necessary
>
> here are some tests i carried out a few years back:
> http://www.html5accessibility.com/tests/form-labels.html
>
> --
>
> Regards
>
> SteveF
> HTML 5.1 <http://www.w3.org/html/wg/drafts/html/master/>;
>
>
> On 24 January 2014 15:28, Nancy Johnson < <EMAIL REMOVED> > wrote:
>
> > 2 Questions :
> >
> > If the the label and input abut each other in the layout, is 'label
> > for' 'id' necessary?
> > <label class="someclass" label for="name">name</label><input
> > type="text" id="name">
> >
> > If the label wraps around the input is 'label for' 'id' necessary?
> > <label class="someclass">name<input type="text"></label>
> >
> > My understanding was the labeling came at a time when we all used
> > layout tables and the label was in one column and input in another
> > column?
> >
> > Thanks
> >
> > Nancy
> > > > > > > >
> > > >