E-mail List Archives
Thread: RE: labeling search box
Number of posts in this thread: 4 (In chronological order)
From: julian.rickards@ndm.gov.on.ca
Date: Thu, Jul 10 2003 10:14AM
Subject: RE: labeling search box
No previous message | Next message →
> However, I've found that doing this make the words in the
> label tag appear
> on the page. For example, using the code above, "Search The
> Site" appears
> before the textbox).
What about ...
label.submit {color: transparent}
<label class="submit">This text is transparent to the
background</label><input type="submit">
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/
From: Jim Thatcher
Date: Thu, Jul 10 2003 10:34AM
Subject: RE: labeling search box
← Previous message | Next message →
Why use a hack when there is already a GOOD label there? And my other
suggestion, the title attribute, is recognized by AT (i.e., screen readers)
and appears on mouse over. Hello!
Jim
508 Web Accessibility Tutorial http://jimthatcher.com/webcourse1.htm.
"Constructing Accessible Web Sites:" http://jimthatcher.com/news.htm
-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ]
Sent: Thursday, July 10, 2003 10:06 AM
To: = EMAIL ADDRESS REMOVED =
Subject: RE: labeling search box
> However, I've found that doing this make the words in the
> label tag appear
> on the page. For example, using the code above, "Search The
> Site" appears
> before the textbox).
What about ...
label.submit {color: transparent}
<label class="submit">This text is transparent to the
background</label><input type="submit">
----
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/
From: Jim Thatcher
Date: Thu, Jul 10 2003 10:37AM
Subject: RE: labeling search box
← Previous message | Next message →
Why use a hack when there is already a GOOD label there? And my other
suggestion, the title attribute, is recognized by AT (i.e., screen readers)
and appears on mouse over. Hello!
Jim
508 Web Accessibility Tutorial http://jimthatcher.com/webcourse1.htm.
"Constructing Accessible Web Sites:" http://jimthatcher.com/news.htm
-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ]
Sent: Thursday, July 10, 2003 10:06 AM
To: = EMAIL ADDRESS REMOVED =
Subject: RE: labeling search box
> However, I've found that doing this make the words in the
> label tag appear
> on the page. For example, using the code above, "Search The
> Site" appears
> before the textbox).
What about ...
label.submit {color: transparent}
<label class="submit">This text is transparent to the
background</label><input type="submit">
----
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/
From: Paul Bohman
Date: Thu, Jul 10 2003 4:14PM
Subject: RE: labeling search box
← Previous message | No next message
Here's what I found when testing the page http://www.sc.edu/ in three
different screen readers (JAWS, Home Page Reader, Window Eyes):
-In every case, the screen reader read the text "search" as if it were the
label, which is a good thing. However, if you tab to the search box and then
continue tabbing, the text disappears, so when you return to the search box,
no label is read at all. You can remedy this by:
*adding a true label and deleting the word "search" within the text box
(this is the method I would recommend, even if it does put the word "search"
on the page)
OR
*adding a title attribute as Jim recommends. The trouble with the second
approach is that I couldn't get either JAWS or Home Page Reader to read the
title attribute for the input tag. Jim, I know that you are an advocate of
this approach, so maybe you can explain how to make this method work, or
perhaps give me an idea of what I might be doing wrong, if anything?
Paul Bohman
Technology Coordinator
WebAIM (Web Accessibility in Mind)
www.webaim.org
Center for Persons with Disabilities
www.cpd.usu.edu
Utah State University
www.usu.edu
-----Original Message-----
From: Jim Thatcher [mailto: = EMAIL ADDRESS REMOVED = ]
Sent: Thursday, July 10, 2003 10:31 AM
To: = EMAIL ADDRESS REMOVED =
Subject: RE: labeling search box
Why use a hack when there is already a GOOD label there? And my other
suggestion, the title attribute, is recognized by AT (i.e., screen readers)
and appears on mouse over. Hello!
Jim
508 Web Accessibility Tutorial http://jimthatcher.com/webcourse1.htm.
"Constructing Accessible Web Sites:" http://jimthatcher.com/news.htm
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/