Closed Bug 338033 Opened 17 years ago Closed 10 years ago

No visible focus indicator on image map areas with black background


(Core :: Layout, defect)

Windows XP
Not set





(Reporter: mdfft, Assigned: takenspc)


(Blocks 1 open bug, )


(Keywords: access)


(3 files)

Env:Bon Echo 20060515 nightly build

When you TAB to a portion of an image map that has a black background, or a black image on a black background, there is no visible focus indicator.  There should be a dotted line around the image or image map area.

Firefox displays the visual focus indicator (dotted line) fine on areas with non-black background.  It appears to use a black dotted line, which is invisible on an image with a black background.  To contrast, Internet Explorer appears to "sense" the dark background of the image, and in that case uses a white dotted line instead of black to produce a visible keyboard focus indicator.

1. Load this URL in Firefox (Bon Echo):
    There will be a picture of the sun with two planets (mercury and venus)
     in the right pane of the window.
2. Press TAB until you see "sun.htm", "mercur.htm",  and "venus.htm" cycle through
    the status bar.  (It helps if you click the mouse on the text directly above
    the image, then press TAB.  

Error 1:  You should see a rectangular visual focus indicator (dotted line) around the Sun,
   then a circular dotted line around the 1st planet (mercury),  then a circular
   dotted line around the 2nd planet (venus) as you tab through the links.
   I assume the (black) dotted lines are actually there, but because of the black background, 
   they are invisible.  Firefox should sense the darkness of the background color,
   and use a white dotted line instead of black in this case.

Error 2: If you tab through the image map, watch the status line at the bottom of the
   Firefox window.  You see the status text cycle from ...sun.htm, to ...mercur.htm, 
   and finally to ...venus.htm.  If you keep pressing TAB past the venus link, notice
   that the status bar DOES NOT CHANGE as you continue to tab.  
   When you tab away from the link to venus.htm, the status line should be 
  blanked out, so it does not imply that the venus.htm link is still available
  at the new keyboard focus position.

You can find other images with this same problem.
For example, on the IBM.COM home page ( )
The IBM logo image at the upper left corner has a black background.
If you tab to that image, you also do not see the visual focus indicator
(dotted line).
Confirmed on nightly trunk.
Blocks: focusnav
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Summary: No visible focus indicator on images with black background → No visible focus indicator on image map areas with black background
Keywords: sec508
This is still an issue in Firefox 3.0.11, and also manifests in <input type="submit"> elements with a black background colour.
Attached patch Patch rv. 1.0Splinter Review

Draw focus indicator twice to make it visible.
At first, draw white solid indicator, then draw black dotted one.
Attachment #716506 - Flags: review?(matt.woodrow)
Comment on attachment 716506 [details] [diff] [review]
Patch rv. 1.0

I don't think I'm the right person to review this. The code changes look fine, but I'm not sure if we need UI review for the change.
Attachment #716506 - Flags: review?(matt.woodrow) → review?(roc)
Comment on attachment 716506 [details] [diff] [review]
Patch rv. 1.0

Thanks comment and review!
Thus I flag ui-review.
Attachment #716506 - Flags: ui-review?(ux-review)
Comment on attachment 716506 [details] [diff] [review]
Patch rv. 1.0

Hmm... I wondered ui-review is needed and there was no response.
So I canceled the request.
# but if it is needed, please set it again

Are there any required works or steps before requesting checkin-needed?
Attachment #716506 - Flags: ui-review?(ux-review)
Patch rv. 1.0 against current mozilla-central
Assignee: nobody → taken.spc
Closed: 10 years ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla23
You need to log in before you can comment on or make changes to this bug.