Closed
Bug 297111
Opened 19 years ago
Closed 19 years ago
Labels are not highlighted during keyboard navigation
Categories
(Core :: Disability Access APIs, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 142898
People
(Reporter: David.Biesack, Unassigned)
Details
(Keywords: testcase)
Attachments
(1 file)
|
216 bytes,
text/html
|
Details |
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050519 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050519 Firefox/1.0+
When using HTML <label> for checkboxes and radio buttons, the label is not
highlighted when using keyboard navigation to the items. This highlighting
is important for accessibility/disability support. Note that IE6 highlights
labels.
Reproducible: Always
Steps to Reproduce:
1. save this html as label.html and view it in Firefox:
<html>
<body>
<input type="checkbox" id="mercury" value="mercury" />
<label for="mercury">Mercury</label>
<input type="checkbox" id="venus" value="venus" />
<label for="venus">Venus</label>
<body>
<html>
2. Click on Mercury.
3. Press the TAB key to tab to Venus.
Actual Results:
The highlighting of the current checkbox (Venus) is extremely subtle.
A visually impaired user may have difficulty detecting which item is current.
Expected Results:
There should be some visual highlight, such as a bounding box, around the label.
Note the behavior in IE 6.
|
||
Comment 1•19 years ago
|
||
|
|
||
Comment 2•19 years ago
|
||
Well, from:
http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1
"When a LABEL element receives focus, it passes the focus on to its associated
control. See the section below on access keys for examples."
|
|
||
Updated•19 years ago
|
Component: Disability Access → Disability Access APIs
Keywords: testcase
Product: Firefox → Core
Version: unspecified → Trunk
|
|
||
Comment 3•19 years ago
|
||
I think bug 171255 might be related.
|
Reporter | |
Comment 4•19 years ago
|
||
The request is not to change focus to the label upon tabbing, but rather
to provide better visual indication. In both Firefox and IE, tabbing sets
focus on the checkboxes, so that pressing spacebar taggles the selection.
In both browsers, there are not 4 focus elements for the example, only two;
i.e. press TAB once, then space, and you toggle Venus; press TAB again, then
space, and you toggle Mercury.
It is just that in both browsers, the visual focus indicator on the
actual checkbox (at least in Windows XP UI theme) is much too subtle.
IE augments the visual clue with a bounding box around the label, but focus
remains on the checkbox item; sort of a focus 'joint custody'.
|
|
||
Comment 5•19 years ago
|
||
I think a new css property would be needed for that, to indicate the
relationship between form elements.
Something similar does IE6 also have for the input submit button. When the
related text input is focused, you see a sort of (subtle) indication which
submit belongs to that text input.
You might want to raise this issue in the w3c style mailing list:
http://lists.w3.org/Archives/Public/www-style/
|
||
Comment 6•19 years ago
|
||
*** This bug has been marked as a duplicate of 142898 ***
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•