Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#26162 closed defect (bug) (fixed)

Colour Contrast Issues in Dashboard

Reported by: grahamarmfield's profile grahamarmfield Owned by: iammattthomas's profile iammattthomas
Milestone: 3.8 Priority: normal
Severity: normal Version: 3.8
Component: Accessibility Keywords: has-patch
Focuses: ui Cc:

Description

There are a number of instances of insufficient colour contrast in the admin dashboard screen. The ones spotted so far are:

  • Recently published date in Activity box
  • 'From and 'on' text in Comments part of Activity box
  • The numbers of Pending, Spam, etc comments in the Activity box
  • Placeholder text in Quick Draft input fields
  • Dates of any drafts stored
  • Date and excerpt text in WordPress News box
  • 'Popular plugins' text in WordPress News section

I have attached a screenshot file.

Attachments (3)

dashboard-poor-contrast.gif (33.8 KB) - added by grahamarmfield 10 years ago.
Screenshot showing colour contrast issues.
26162.diff (1.5 KB) - added by melchoyce 10 years ago.
26162.2.diff (1.7 KB) - added by melchoyce 10 years ago.

Download all attachments as: .zip

Change History (10)

@grahamarmfield
10 years ago

Screenshot showing colour contrast issues.

#1 @SergeyBiryukov
10 years ago

  • Keywords ui-focus added
  • Milestone changed from Awaiting Review to 3.8

#2 @iammattthomas
10 years ago

I believe we're using # 777 consistently as the color for secondary-level text across most of the admin, but the components affected by DASH use # 999. I think it makes sense just to bump those dashboard colors down to # 777 to match.

Last edited 10 years ago by iammattthomas (previous) (diff)

@melchoyce
10 years ago

#3 @melchoyce
10 years ago

26162.diff swaps out instances of # bbb and # 999 in the dashboard for # 777. Additionally, I've bumped up the dashboard h4s to # 222 for increased visual hierarchy.

#4 @melchoyce
10 years ago

  • Keywords has-patch added

#5 @toscho
10 years ago

  • Cc info@… added

The from text in the list of recent comments needs more contrast too.

@melchoyce
10 years ago

#6 @melchoyce
10 years ago

  • Cc melissachoyce@… added

The from text in the list of recent comments needs more contrast too.

Fixed in 26162.2.diff​.

#7 @iammattthomas
10 years ago

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

In 26371:

Darken light gray text on dashboard widgets to ensure adequate color contrast. Fixes #26162, props melchoyce.

Note: See TracTickets for help on using tickets.