Make WordPress Core

Opened 8 weeks ago

Last modified 5 weeks ago

#64934 new defect (bug)

Admin menu is much harder to read when icons are nearly the same color as labels

Reported by: cbirdsong's profile cbirdsong Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Administration Keywords: admin-reskin needs-design-feedback
Focuses: accessibility, css, administration Cc:

Description

Under the new default color scheme, icons for items in the sidebar admin menu have nearly the same color as the surrounding text.

Version Label Color Icon Color Perceptual difference
(CIE2000 ΔE)
6.9 #e8e8ea #9ca2a7 18.2
7.0 #ffffff #f3f1f1 2.9

This makes it much harder to quickly read the labels. It would be better if the colors were as perceptually different as they were in 6.9.


Some useful tools for CIE2000 ΔE color values:

Attachments (2)

CleanShot 2026-03-23 at 14.15.45.png (137.6 KB) - added by cbirdsong 8 weeks ago.
Screenshot of two WordPress admin menus
darkened-icons-admin-menu.png (16.8 KB) - added by joedolson 7 weeks ago.
Menu with icons darkened to b0b0b0

Download all attachments as: .zip

Change History (8)

@cbirdsong
8 weeks ago

Screenshot of two WordPress admin menus

#1 @cbirdsong
8 weeks ago

  • Summary changed from Admin menu is much harder to red when icons are nearly the same color as labels to Admin menu is much harder to read when icons are nearly the same color as labels

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


7 weeks ago

#3 @joedolson
7 weeks ago

The new difference is certainly extremely subtle; but I'm not clear that it's really a regression. I'd like to get some design opinion on this; pinging @fabiankaegy or @joen.

In WCAG terms, the previous contrast ratio was 2.11:1; the new is 1.13:1.

We can achieve about the same effect at #b0b0b0 (2.17:1).

@joedolson
7 weeks ago

Menu with icons darkened to b0b0b0

#4 @joedolson
7 weeks ago

  • Keywords needs-design-feedback added

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


5 weeks ago

#6 @joedolson
5 weeks ago

Some feedback on this would be helpful! I don't know whether the color change was intentional or not, @fabiankaegy; I know that I hadn't even realized that there were two colors represented here previously, so I could readily believe it was an oversight.

Note: See TracTickets for help on using tickets.