[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
 (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

 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