Directory

Accessibility: Plugin byline color contrast failure on plugin single · Issue #261 · WordPress/wordpress.org · GitHub
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Accessibility: Plugin byline color contrast failure on plugin single #261

Closed
amberhinds opened this issue Apr 16, 2024 · 2 comments
Closed

Accessibility: Plugin byline color contrast failure on plugin single #261

amberhinds opened this issue Apr 16, 2024 · 2 comments
Assignees
@StevenDufresne
Labels
Accessibility Issues related to keyboard navigation, screen readers, etc [Site] Plugins

Comments

@amberhinds
Copy link

On the plugin single page (Gutenberg plugin test page), the byline for the plugin is #78848f (light gray) on a white background which has a contrast ratio of 3.82:1.

Screenshot of byline Screenshot of color code and contrast check in Chrome dev tools

This should pass contrast by at least 4.5:1.
@ryelle ryelle added the Accessibility Issues related to keyboard navigation, screen readers, etc label Apr 16, 2024
@ryelle
Copy link
Contributor

ryelle commented Apr 16, 2024

This should use var(--wp--preset--color--charcoal-4), #656a71, which has a 5.4:1 contrast.

@StevenDufresne StevenDufresne self-assigned this Apr 17, 2024
@StevenDufresne
Copy link
Contributor

Updated in https://meta.trac.wordpress.org/changeset/13545.

bazza pushed a commit that referenced this issue Apr 17, 2024
@StevenDufresne
wporg-plugins-2024: Update byline contrast color when not a link.
7d05027 
Fixes: #261
Props: amberhinds


git-svn-id: https://meta.svn.wordpress.org/sites/trunk@13545 74240141-8908-4e6f-9713-ba540dce6ec7
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@StevenDufresne StevenDufresne

Labels
Accessibility Issues related to keyboard navigation, screen readers, etc [Site] Plugins
Projects
WordPress.org Redesign
Status: ✅ Done
Milestone
No milestone
Development

No branches or pull requests
3 participants
@ryelle @StevenDufresne @amberhinds