I found an interesting bug in IE on the Mac (it occurs in IE 5.0 and 5.1,
haven't checked other versions).
The first thing to note is that when using IE on the Mac, input areas AND
labels each are in the tab order. As a result, a form with 3 input boxes
will have 6 tab stops for a Mac IE user.
The issue comes in when you are trying to be very diligent. If you enclose
an input tag inside a label tag or if you use @for and @id to associate the
label with the input that is not contained within the label tag set, you are
OK. If you enclose the input within the label tag set AND use @for and @id,
the bug presents. When a user tabs to the label (or clicks on it), a focus
ring appears around both the label and the input field, and a cursor blinks
in the input field. When you type, each character is doubled. Type,
"hello" and it appears as "hheelllloo". Less than desirable.
I've attached a test file with the different possibilities, and have tested
this without complaint using Netscape and Opera on the Mac and Netscape, IE,
and Opera on Windows.
Andrew
--
Andrew Kirkpatrick, Technical Project Coordinator
CPB/WGBH National Center for Accessible Media
125 Western Ave.
Boston, MA 02134
E-mail: andrew_kirkpatrick@wgbh.org
Web site: ncam.wgbh.org
617-300-4420 (direct voice/FAX)
617-300-3400 (main NCAM)
617-300-2489 (TTY)
WGBH enriches people's lives through programs and services that educate,
inspire, and entertain, fostering citizenship and culture, the joy of
learning, and the power of diverse perspectives.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>label test</title>
</head>
<body>
<form action="foo" method="post">
<label>(input tag as label content, no for/id used)<br /> <input type="text" name="sender_name" size="60" /></label><br />
<label for="email_sender">(input not in label content, for/id used)</label><br /> <input id="email_sender" type="text" name="email_sender" size="60" /><br />
<label for="email_subject">(input tag as label content, for/id used)<br /> <input id="email_subject" type="text" name="email_subject" size="60" /></label><br /><br />
<input type="submit" value="Send Feedback" />
</form>
</body> </html>