Start a Project

Sample Headline

The quick brown fox jumps over the lazy dog. Readable text helps more people use your website.

Get Started

WCAG Compliance

–
  • Normal Text AANeeds 4.5:1 Pass
  • Normal Text AAANeeds 7:1 Pass
  • Large Text AANeeds 3:1 Pass
  • Large Text AAANeeds 4.5:1 Pass
  • UI Components AANeeds 3:1 Pass

About WCAG Standards

The Web Content Accessibility Guidelines (WCAG) define contrast ratios to make sure text and interface elements are readable by people with visual impairments, including colour blindness and low vision.

  • Level AA: the minimum standard for web accessibility, and the one most commonly required.
  • Level AAA: an enhanced standard for maximum readability.
  • Large text: 18pt (24px) or larger, or 14pt (18.5px) bold or larger.
  • Normal text: anything smaller than the large text thresholds.

This tool is designed to help you quickly check colour contrast and readability. It follows general accessibility principles but is not a substitute for official WCAG compliance testing.

Need Help Making Your Website Accessible?

We consider accessibility throughout design and development. Let’s build a website more people can comfortably use.

Start A Project