Error

Make Your Website Readable for All

Good color contrast ensures text is easy to read against its background. Accessibility guidelines (WCAG) set two standards for contrast:

  • Level AA: Text needs a 4.5:1 contrast ratio, or 3.0:1 for large text (like headings).
  • Level AAA: Text needs a 7.0:1 contrast ratio, or 4.5:1 for large text, for maximum readability.

Large text means 14-point bold (about 18.66px) or 18-point regular (about 24px).

Check your site with tools like Colour Contrast Analyzer or Siteimprove Accessibility Checker.

Tip: Test link colors when hovered or clicked, as many tools miss these. Try swapping text and background colors on hover for clarity.

Color Converter

Color Contrast Generator

Calculating...

Colors marked with a warning icon do not meet WCAG contrast requirements.

AA Standard - 4.5:1:

AA Large - 3.0:1:

AAA Standard - 7.0:1:

AAA Large - 4.5:1:

Donation and Additional Information

Has this form helped you?
Please consider a small donation.

Don't forget your ADA/WCAG Accessibility Widget for your website.

© 2024-2025, JEANDRET, All rights reserved.