Skip to content

CDC COVID-19 - Bug: Self-Checker section's description text does not meet color contrast requirements #2

Description

@tiffanyjc

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    CDC COVID-19Issues logged for the CDC COVID-19 sitebugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions