[wp-meta] [Making WordPress.org] #4666: P2 Breathe color contrast issues

Making WordPress.org noreply at wordpress.org
Fri Aug 9 07:31:57 UTC 2019


#4666: P2 Breathe color contrast issues
--------------------------------------+--------------------
 Reporter:  poena                     |      Owner:  (none)
     Type:  defect                    |     Status:  new
 Priority:  normal                    |  Milestone:
Component:  Make (Get Involved) / P2  |   Keywords:
--------------------------------------+--------------------
 There are some remaining links in the theme that have a contrast ratio
 that is lower than 4.5:1 which is needed to follow the WCAG 2.1 color
 contrast recommendations (https://www.w3.org/TR/WCAG21/#contrast-minimum).
 These links are also missing a underline or other kind of text decoration.

 The color 888 only has a contrast ratio of 3.54:1 against the white
 background.
 (And the size of the text means it cannot pass as large text which only
 requires a contrast ratio of  3:1)

 In the main stylesheet, line 561 and forward:
 {{{
 .entry-meta .entry-date, .entry-meta .entry-actions,
 .entry-meta .entry-tags, .comment-meta .comment-date,
 .comment-meta .comment-actions {
     font-size: 0.8em;
     font-weight: 300;
     line-height: 1.2;
     color: #888888;
 }
 }}}

 The color needs to be updated to something darker, for example 555 which
 is used for the main text.

 ----

 The comment reply count text inside the button uses the color 999999,
 and only has a contrast ratio of 2.68:1 against the light grey color which
 is the background for the button, f8f8f8.

 The class name is o2-reply-count and the file that styles this is
 o2/modules/post-actions/css/style.css (line 489), so it could be changed
 there.

 Changing the text color to 666 would match it to the Reply text in the
 button and pass the contrast.

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/4666>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org


More information about the wp-meta mailing list