WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: valid code for LABEL?

for

Number of posts in this thread: 5 (In chronological order)

From: Glenda
Date: Mon, May 02 2005 2:20PM
Subject: valid code for LABEL?
No previous message | Next message →

As this code is missing a LABEL:

<TR>
<TD vAlign="middle" align="right">Email&nbsp;</TD>
<TD><input name="TextEmail" id="TextEmail" type="text" class="portalsearch"
maxlength="50" size="14" /></TD>
</TR>


Would this be a valid fix?

<TR>
<TD vAlign="middle" align="right"><LABEL for="TextEmail">Email&nbsp;</TD>
<TD><input name="TextEmail" id="TextEmail" type="text" class="portalsearch"
maxlength="50" size="14" /><LABEL></TD>
</TR>

Can a LABEL span across two cells like this? Or is it better to forgo the
label in this case?

Cheers,
Glenda

From: Patrick H. Lauke
Date: Mon, May 02 2005 2:17PM
Subject: Re: valid code for LABEL?
← Previous message | Next message →

Glenda wrote:

> Would this be a valid fix?
>
> <TR>
> <TD vAlign="middle" align="right"><LABEL for="TextEmail">Email&nbsp;</TD>
> <TD><input name="TextEmail" id="TextEmail" type="text" class="portalsearch"
> maxlength="50" size="14" /><LABEL></TD>
> </TR>
>
> Can a LABEL span across two cells like this?


Absolutely not.

> Or is it better to forgo the
> label in this case?


What's wrong with the following?

<TD vAlign="middle" align="right">
<LABEL for="TextEmail">Email</LABEL>
</TD>

<TD>
<input name="TextEmail" id="TextEmail" type="text"
class="portalsearch" maxlength="50" size="14" />
</TD>

--
Patrick H. Lauke
_____________________________________________________
re

From: Patrick H. Lauke
Date: Mon, May 02 2005 2:21PM
Subject: Re: valid code for LABEL?
← Previous message | Next message →

Patrick H. Lauke wrote:

> What's wrong with the following?
>
> <TD vAlign="middle" align="right">
> <LABEL for="TextEmail">Email</LABEL>
> </TD>
>
> <TD>
> <input name="TextEmail" id="TextEmail" type="text"
> class="portalsearch" maxlength="50" size="14" />
> </TD>
>

Additionally, if you are using XHTML (as the self-closing input element seems to suggest), you need to convert all your tags to lowercase...

--
Patrick H. Lauke
_____________________________________________________
re

From: Jon Gunderson
Date: Mon, May 02 2005 2:21PM
Subject: Re: valid code for LABEL?
← Previous message | Next message →

No you cannot bridge two table cells. You need to end the
label at the end of the first table cell. This is the correct
code:

<TR>
<TD vAlign="middle" align="right">
<LABEL for="TextEmail">Email&nbsp;</LABEL>
</TD>
<TD>
<input name="TextEmail"
id="TextEmail"
type="text"
class="portalsearch"
maxlength="50"
size="14" />
</TD>
</TR>

Jon


Jon Gunderson, Ph.D., ATP
Director of IT Accessibility Services
Campus Information Technologies and Educational Services (CITES)
and
Coordinator of Assistive Communication and Information Technology
Disability Resources and Education Services (DRES)

Voice: (217) 244-5870
Fax: (217) 333-0248

E-mail: = EMAIL ADDRESS REMOVED =

WWW: http://cita.rehab.uiuc.edu/
WWW: https://netfiles.uiuc.edu/jongund/www/

From: Glenda
Date: Mon, May 02 2005 2:30PM
Subject: Re: valid code for LABEL?
← Previous message | No next message

Thanks Patrick for the clarification. I thought the /LABEL had to come
after the input. Obviously I was misinformed. Thanks.

Glenda