WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: labeling search box

for

From: Hoffman, David
Date: Jul 10, 2003 9:00AM

Add a screen label and place it in label tags as shown below. Add an ID
attribute to the input box, to match the label, also as shown below.

Good luck!
David

David Hoffman
IT Accessibility Specialist
MILVETS Systems Technology, Inc.

<label for="MySearch">Search The Site</label>
<input type="text" size="15" name="qt" value="SEARCH" onfocus="if
(this.value && this.value == 'SEARCH') this.value = ''; else
this.select();" class="searchInput" ID="MySearch">

-----Original Message-----
From: Wendy R. Mullin [mailto: <EMAIL REMOVED> ]
Sent: Thursday, July 10, 2003 10:47 AM
To: <EMAIL REMOVED>
Subject: labeling search box


Hi -

We recently redesigned our home page, http://www.sc.edu/. Upon running the
home page through some accessibility checkers (WAVE, Bobby), I received an
error message that the search box on our home page did not have a label
element. I haven't worked with forms much, and I'm not quite sure how to
place the label tag properly in the code, which is as follows:

<form action="http://www.sc.edu:8765/query.html" method="get"
style="margin-bottom:0;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><input type="text" size="15" name="qt" value="SEARCH" onfocus="if
(this.value && this.value == 'SEARCH') this.value = ''; else
this.select();" class="searchInput"></td>
<td><img src="/usc/images/dot_clear.gif" width="5" height="1" alt=""><input
type="image" src="/template/images/search_arrow.gif" name="searchSubmit"
width="16" height="16" alt="Submit" border="0"><input type="hidden"
name="qp" value=""></td>
</tr>
</table>
</form>

Could anyone out there give me some suggestions?

Thanks in advance for your help.

Wendy


Wendy R. Mullin
Web Developer, University of South Carolina
1244 Blossom Street, Columbia, South Carolina 29208
voice: 803-777-6785 | fax: 803-777-4149
<EMAIL REMOVED> | http://isg.csd.sc.edu/~wmullin/


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/