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: Self-Checker section's description text does not meet color contrast requirements #2

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

tiffanyjc commented Apr 29, 2020

Issue Summary

The description text in the "Self-Checker" and "Take Precautions" section on the CDC page has insufficient color contrast (4.35).

Steps to reproduce

  1. Go to https://www.cdc.gov/coronavirus/2019-ncov/index.html
  2. Scroll down to the Self-Checker and Take Extra Precautions section (they are adjacent)
  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 "Self-Checker" 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

Additional References

  • Link to any articles or specs that give further guidance
@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