Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#30323 closed enhancement (fixed)

Increase color contrast on default scheme admin bar hovers

Reported by: melchoyce's profile melchoyce Owned by: helen's profile 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 10 years ago.
new-blue.png (71.6 KB) - added by melchoyce 10 years ago.

Download all attachments as: .zip

Change History (6)

10 years ago

10 years ago

#1 @melchoyce
10 years ago

  • Description modified (diff)

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

10 years ago

#3 @helen
10 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
10 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.