WordPress.org

Make WordPress Core

Opened 6 years ago

Closed 6 years ago

#30323 closed enhancement (fixed)

Increase color contrast on default scheme admin bar hovers

Reported by: melchoyce Owned by: helen
Milestone: 4.1 Priority: normal
Severity: normal Version: 4.1
Component: Administration Keywords:
Focuses: ui, accessibility, administration Cc:

Description (last modified by melchoyce)

It's been pointed out in #28599 that the default scheme admin bar hover color, #2ea2cc, is low-contrast. It failed when I ran it through a color contrast tool. I played with some alternate colors and came up with #45bbe6, which is a bright blue that passes with a contrast ratio of 5.72:1. See attached screenshot and patch.

Attachments (2)

30323.diff (2.2 KB) - added by melchoyce 6 years ago.
new-blue.png (71.6 KB) - added by melchoyce 6 years ago.

Download all attachments as: .zip

Change History (6)

@melchoyce
6 years ago

@melchoyce
6 years ago

#1 @melchoyce
6 years ago

  • Description modified (diff)

This ticket was mentioned in Slack in #accessibility by jorbin. View the logs.


6 years ago

#3 @helen
6 years ago

  • Milestone changed from Awaiting Review to 4.1

The relative luminosity (I am probably butchering my color terminology here, apologies) of the brighter blue on dark backgrounds has bothered me for a while. This looks much closer from a human visibility perspective and is much easier to read. It also passes contrast guidelines, which is a win. Testing and will commit shortly.

#4 @helen
6 years ago

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

In 30313:

Use a brighter blue against dark backgrounds in the admin menu and toolbar.

Not only does this pass contrast guidelines, but it also visually appears closer to the original highlight blue used against light backgrounds.

props melchoyce. fixes #30323.

Note: See TracTickets for help on using tickets.