Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#26004 closed defect (bug) (fixed)

MP6: No visual difference between active and disabled state of checkboxes and radio buttons

Reported by: tobiasbg's profile TobiasBg Owned by: iammattthomas's profile iammattthomas
Milestone: 3.8 Priority: normal
Severity: normal Version: 3.8
Component: Administration Keywords:
Focuses: ui Cc:


For the customized checkboxes and radio buttons, there's no visual difference between active and disabled state (disabled attribute in the <input type="checkbox|radio" disabled="disabled" /> HTML), making it impossible to tell the difference between a checkbox/radio button that can be toggled and one that can not be toggled.

I suggest to use a desaturated/semitransparent color for the tick mark/bullet (for cases when the checkbox/radio button is checked), and maybe a light gray as the background color (for both possibilities of checked), similar to how disabled text inputs are handled.

Change History (7)

#1 @iammattthomas
10 years ago

  • Cc mt@… added

#2 @iammattthomas
10 years ago

  • Owner set to iammattthomas
  • Resolution set to fixed
  • Status changed from new to closed

In 26170:

Add a :disabled style for radio inputs and checkboxes. Fixes #26004.

#3 @iammattthomas
10 years ago

  • Keywords needs-patch removed

#4 @helen
10 years ago

  • Milestone changed from Awaiting Review to 3.8

#5 @SergeyBiryukov
10 years ago

Shouldn't [26170] go to wp-admin.css rather than colors-fresh.css? Doesn't appear to be color-specific.

#6 @johnbillion
10 years ago

  • Resolution fixed deleted
  • Status changed from closed to reopened

Re-opening as per Sergey's comment.

#7 @iammattthomas
10 years ago

  • Resolution set to fixed
  • Status changed from reopened to closed

In 26331:

Make disabled checkboxes and radios slightly less transparent for better visibility on low-contrast screens. Move this rule from colors-fresh to wp-admin as it's not color-specific. Fixes #26004.

Note: See TracTickets for help on using tickets.