[wp-trac] [WordPress Trac] #35622: Color contrast: audit all the "#f00" and "red" reds

[WordPress Trac]

#35622: Color contrast: audit all the "#f00" and "red" reds
-------------------------------------------------+-------------------------
 Reporter:  afercia                              |       Owner:  afercia
     Type:  defect (bug)                         |      Status:  assigned
 Priority:  normal                               |   Milestone:  4.5
Component:  Administration                       |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  color-contrast has-patch has-        |     Focuses:  ui,
  screenshots commit                             |  accessibility
-------------------------------------------------+-------------------------
Changes (by afercia):

 * keywords:  color-contrast has-patch has-screenshots => color-contrast
     has-patch has-screenshots commit


Comment:

 Refreshed patch to use the new official reds. Thanks to @hugobaeta there's
 now a nice `#c62d2d` red which has a sufficient contrast ratio with one of
 the darker grey backgrounds used in the admin: `#eeeeee`. This red can be
 used on several backgrounds as default red, for example for error messages
 or normal red text.

 '''About links'''
 The current convention in the admin is that the `:hover` state uses a
 "lighter" color. I'd propose to discuss this point in the future, together
 with the slightly inconsistent usage of `text-decoration: underline`. So,
 to keep the "hover-lighter" effect, the normal state of red links needs to
 be darker than `#c62d2d`. See in the screenshot below.

 Currently. most of the red links (there are exceptions here and there) are
 `#a00` and `#f00` on hover. A first proposal suggested `#c62d2d` and
 `#e35b5b` for hover but the latter is under a contrast ratio of 4.5:1.
 This leads to the second proposal, implemented in the refreshed patch and
 IMHO also the closest one to the current colors.
 Any thoughts more than welcome.

 [[Image(https://cldup.com/9vHWUh42DL.png)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/35622#comment:13>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform