Compliance Contrast Checker

Our Compliance Contrast Checker helps determine the accessibility of text size, color contrast, and spot check your visual elements. People who are color blind and have impaired vision can experience sensitivity and often physical pain to certain colors and shades of light. When you adjust your assets with accessibility and compliance in mind, you create a more pleasant environment for everyone.

The inventors of the internet, World Wide Web Consortium (W3C) have developed Web Content Accessibility Guidelines, better known as WCAG, for color contrast and text. You can scroll down for the textbook jargon or save the leg work by using our Compliance Contrast Checker with built-in ADA-compliant requirements.

We encourage you to check your asset’s compliance for better design and accessibility.

color #1

Clicking the “bump color #1 to 4.5:1” button below will update the content above

normal size 14pt

The quick brown fox jumps over the lazy dog

large size 18pt

The quick brown fox jumps over the lazy dog

color #2

Clicking the “bump color #2 to 4.5:1” button below will update the content above

normal size 14pt

The quick fox jumps over a lazy brown dog.

large size 18pt

The quick fox jumps over a lazy brown dog.

meets WCAG requirements

normal text

Normal Text pass

large text

Large Text pass
21 : 1color contrast ratio

Source: Web Content Accessibility Guidelines 2.1
The below sections are prescribed for audience situations.

  • Section 1.4.3 Contrast (Minimum):
    Level AA
    For body, subtext, or general copy, the goal is a contrast ratio of approximately 4.5:1.
    For headers or larger text (Font size 18pt or 14pt bold), the goal is a contrast ratio of approximately 3:1.

  • Section 1.4.6 Contrast (Enhanced):
    Level AAA
    Recommended for an expected audience that has aged or low vision.
    For body text, the contrast ratio can be enhanced from 4.5:1 to 7:1

    Test Your Website For Compliance

    This site is protected by reCAPTCHA and the Google Privacy Policy and Google Terms of Service apply.



    Have a question?

    We’re always here to help.

    Share via: