Make WordPress Core

Opened 8 years ago

Closed 8 years ago

#35605 closed defect (bug) (fixed)

Color contrast: the #777777 grey

Reported by: afercia's profile afercia Owned by: afercia's profile afercia
Milestone: 4.5 Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-patch
Focuses: ui, accessibility Cc:


Even after the admin colors were updated with the new ones in #31234, there are still some occurrences of the #777777 grey. When used on a white background, the resulting contrast ratio is... 4.48:1 :) Should be 4.5:1.
Of course I'd agree it's a very subtle difference and the requirement is substantially respected but since there's the new #72777c grey available, why not just replace it?

On darker backgrounds, like for example for the "about text" in the About/Credits/Freedoms screens and in the footer, it should be replaced with a darker grey.

The login screen and the TinyMCE icons have their own tickets, I'd propose to make a patch to take care of all the other occurrences of #777777.

Attachments (2)

35605.patch (9.8 KB) - added by afercia 8 years ago.
35605.2.patch (9.8 KB) - added by afercia 8 years ago.

Download all attachments as: .zip

Change History (10)

8 years ago

#1 @afercia
8 years ago

First pass, removes all the residual occurrences of #777 except for the login screen and TinyMCE.

#2 @afercia
8 years ago

  • Keywords has-patch added
  • Owner set to afercia
  • Status changed from new to assigned

#3 follow-up: @joedolson
8 years ago

Given the scope of options available for using #777777 at WCAG AA, this seems like a must-have to me.

#4 in reply to: ↑ 3 @afercia
8 years ago

Replying to joedolson:
As far as I know, it's mostly (exclusively?) used on white or light grey backgrounds, not on grey backgrounds. Am I missing something?

8 years ago

This ticket was mentioned in Slack in #design by afercia. View the logs.

8 years ago

#7 @michaelarestad
8 years ago

This looks great. Nice update. Merge it!

#8 @afercia
8 years ago

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

In 36396:

Accessibility: Improve the color contrast ratio replacing the residual occurrences of the #777 gray.

Uses the existing #72777c on white backgrounds and the new #555d66 "dark medium gray" on darker backgrounds.

Fixes #35605.

Note: See TracTickets for help on using tickets.