Opened 6 years ago
Closed 6 years ago
#45280 closed defect (bug) (fixed)
Events and News dashboard widget: improve the color contrast
Reported by: | afercia | Owned by: | SergeyBiryukov |
---|---|---|---|
Milestone: | 5.1 | Priority: | normal |
Severity: | normal | Version: | |
Component: | Administration | Keywords: | has-screenshots good-first-bug has-patch |
Focuses: | ui, accessibility | Cc: |
Description
In the Events and News dashboard widget, all the gray text in the area highlighted in the screenshot below is currently #72777c
on a very light gray background #fafafa
.
This colors combination has a contrast ratio of 4.33:1
while it should be at least 4.5:1
, see
https://jdlsn.com/color/?type=hex&color=72777c&color2=fafafa
The text should use a slightly darker gray. Among the grays in the current official color palette, the one to use is "DARK GRAY 400" #606A73
.
WordPress color palette references:
- https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
- https://codepen.io/hugobaeta/full/RNOzoV/
See also #40633
Attachments (2)
Change History (11)
This ticket was mentioned in Slack in #design by melchoyce. View the logs.
6 years ago
This ticket was mentioned in Slack in #core by boemedia. View the logs.
6 years ago
#5
@
6 years ago
- Keywords has-patch needs-testing added
It seems like I finally managed to create a working patch. It's my first one, so if anyone is willing to test it, I'd be really happy :)
This ticket was mentioned in Slack in #core by sergey. View the logs.
6 years ago
#7
@
6 years ago
- Milestone changed from Awaiting Review to 5.1
- Owner set to SergeyBiryukov
- Status changed from new to reviewing
I've made the changes in the corresponding css-file. However, at the moment I'm lost in the magical mystical world of how to create a patch. Once I've figured it out, I'll upload the patch to this ticket.