[wp-trac] [WordPress Trac] #31713: Color contrast ratio in the admin

[WordPress Trac]

#31713: Color contrast ratio in the admin
----------------------------+--------------------------------
 Reporter:  afercia         |       Owner:
     Type:  defect (bug)    |      Status:  new
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:  4.1
 Severity:  normal          |  Resolution:
 Keywords:                  |     Focuses:  ui, accessibility
----------------------------+--------------------------------
Description changed by rianrietveld:

Old description:

> There's room for improvements for the color contrast ratio in the admin.
> Overall it's good but there are some places here and there were it's not
> sufficient, most notably:
>
> - Primary buttons
> - TinyMCE buttons
> - Login screens (see #31548)
> - orange (for example Comments Approve, Unapprove, Pending)
>
> For a AA level color contrast ratio should be at least 4.5:1.
>
> Please also notice `#777` on `#fff` gives a contrast of 4.48:1 which
> *substantially* complies with the required 4.5:1.
> You may not notice this because some color contrast checkers will round
> the reported value and will just report the first decimal "4.5:1" but
> actually it's 4.48:1.
> Just mentioning this to let you consider if there are any legal issues
> that require a *formal* compliance.
>
> A while ago I did a little research checking several colors in the admin
> and prepared a first draft of a patch. But after the admin color changes
> in #31234, at this point that patch can only be useful as a list of
> places to check :) Uploading it anyway as a starting point.

New description:

 There's room for improvements for the color contrast ratio in the admin.
 Overall it's good but there are some places here and there were it's not
 sufficient, most notably:

 - Primary buttons
 - TinyMCE buttons
 - Login screens (see #31548)
 - orange (for example Comments Approve, Unapprove, Pending)

 For a AA level color contrast ratio should be at least 4.5:1.

 Please also notice `#777` on `#fff` gives a contrast of 4.48:1 which
 *substantially* complies with the required 4.5:1.
 You may not notice this because some color contrast checkers will round
 the reported value and will just report the first decimal "4.5:1" but
 actually it's 4.48:1.
 Just mentioning this to let you consider if there are any legal issues
 that require a *formal* compliance.

 A while ago I did a little research checking several colors in the admin
 and prepared a first draft of a patch. But after the admin color changes
 in #31234, at this point that patch can only be useful as a list of places
 to check :) Uploading it anyway as a starting point.

 Tracking label: #a11y-color

--

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