Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Color and contrast

Is there enough contrast between text and its background color?

Why it’s important: Rohit has low vision and needs content to have enough contrast to read it.

View more

Esther is red-green colorblind and can’t make sense of information conveyed with color alone.

Steps to take

  • Use a color contrast tool and test that the contrast between the text and background is greater than or equal to 4.5:1.
  • Use an automated tool to quickly scan for color contrast problems.
  • Don’t use color alone to convey meaning. Use icons, text, and other visual elements to reinforce the meaning of the content.

Resources

Video tutorial: Meeting contrast requirements
Video tutorial: How I do an accessibility check (contrast)

WCAG 2.0 references

1.4.3 Contrast (Minimum)

Next