Focus is hard to see on radio-button and checkbox




Layout: Form Controls
5 months ago
5 months ago


(Reporter: linda.tedjakusuma, Unassigned)


52 Branch

Firefox Tracking Flags

(Not tracked)




5 months ago
User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:45.0) Gecko/20100101 Firefox/45.0
Build ID: 20170411115307

Steps to reproduce:

Go through a page with many controls: input edit field, buttons, radio-buttons, selection combobox, checkboxes etc.

Actual results:

It is hard to see on a page which fields are in focus for radio-buttons and check-boxes.  You can't see the difference between in focus and selected or just selected but not in focus.

Expected results:

Focus should be more visible/clearer for radio button and checkbox.  Users with poor eye-sight have difficulties.  This is an accessibility issue.


5 months ago
Component: Untriaged → Layout: Form Controls
Product: Firefox → Core

Comment 1

5 months ago
Are you using a software like JAWS or NVDA?
Flags: needinfo?(linda.tedjakusuma)

Comment 2

5 months ago
(In reply to Loic from comment #1)
> Are you using a software like JAWS or NVDA?

No.  Firefox focus display is very poor on radio button or checkbox.  Radio box shows very fainted dotted circle when in focus that is very hard to distinguish from full circle when not in focus.  Checkbox shows dotted box on two sides that are almost the same as full-box when not in focus.  People with poor eyesight have problems to see which control is in focus with it is right now.  Chrome shows better indicator by showing blue outline when in focus.
Flags: needinfo?(linda.tedjakusuma)
You need to log in before you can comment on or make changes to this bug.