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.

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

CDC COVID-19 - Bug: Guidance section's description text does not meet color contrast requirements #5

Open
tiffanyjc opened this issue Apr 29, 2020 · 0 comments
Labels
bug Something isn't working CDC COVID-19 Issues logged for the CDC COVID-19 site

Comments

@tiffanyjc
Copy link

Issue Summary

The description text saying "View CDC's guidance on COVID" in the "Guidance" section on the CDC page has insufficient color contrast (4.35).

Steps to reproduce

Steps to reproduce the behavior:

  1. Go to https://www.cdc.gov/coronavirus/2019-ncov/index.html
  2. Scroll down to the Guidance section
  3. The description text does not meet expected contrast ratio (but the header is OK)

Behavior

Expected behavior

Expected contrast ratio for this text size is at least 4.5:1.

Actual behavior

The description text in the "Guidance" section on the CDC page has insufficient color contrast of 4.35 (foreground color: #007d91, background color: #ebf5f6, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio is 4.5:1.

Specifications

  • WCAG: WCAG 1.4.3
@smhigley smhigley added bug Something isn't working CDC COVID-19 Issues logged for the CDC COVID-19 site labels Apr 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working CDC COVID-19 Issues logged for the CDC COVID-19 site
Projects
None yet
Development

No branches or pull requests

2 participants