[wp-trac] [WordPress Trac] #63460: Increase color contrast for embed template

[WordPress Trac]

#63460: Increase color contrast for embed template
--------------------------+---------------------------------
 Reporter:  rishit30g     |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Embeds        |     Version:  4.4
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:  accessibility, css
--------------------------+---------------------------------

Comment (by sabernhardt):

 Excerpt text is too light.
 - `.wp-embed { color: #8c8f94; }`
 - 3.24:1

 Continue reading link has very low contrast.
 - `.wp-embed .wp-embed-more { color: #c3c4c7; }`
 - 1.74:1, with no underline until hover

 Site title link has low contrast.
 - `.wp-embed a { color: #8c8f94; }`
 - 3.24:1, no underline until hover

 The number for the comments link does not have enough contrast until
 hovering.
 - 3.24:1 `.wp-embed a { color: #8c8f94; }`
 - 5.17:1 `.wp-embed-meta a:hover { color: #2271b1; }`

 Icon SVGs for the comments link and share button would meet the minimum
 contrast for //non-text// content, but they were not updated to fit the
 color palette.
 - 3.62:1 SVG `fill="#82878c"`
 - 5.21:1 SVG hover `fill="#0073aa"`

 Heading has plenty of contrast.
 - `.wp-embed-heading a { color: #2c3338; }`
 - 12.82:1, but no underline until hover

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