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: |
|
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)
Change History (8)
#1
@
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
@
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).
Screenshot of two WordPress admin menus