Color Contrast Checker | Free Accessibility Tool | AudioEye®

FREE ACCESSIBILITY CHECKER TOOL

Contrast ratio refers to how bright or dark colors appear on screens. The more scientific definition is that contrast is a ratio of the luminance of the brightest color to the darkest color that the system can produce. Contrast ratios range from 1 to 21 (written as 1:1 and 21:1). The first number, L1, refers to the relative luminance of light colors while L2 is the second number that refers to the relative luminance of dark colors.

Understanding Contrast Ratios

WCAG has two levels of contrast ratios :

  • Level AA: The minimum contrast level is 4.5:1. 
  • Level AAA: Enhanced contrast has a ratio of 7:1.

It’s recommended organizations provide higher-contrast text and images where possible; however, Level AA is the required standard for website accessibility.

Here’s the bottom line: the more contrast you have between your text and UI elements and background colors, the more accessible it is for everyone.

Try our tool below to test colors’ contrast.

Tips on Using Accessible Colors and Color Contrast on Your Website

Choose the Right Color Scheme

A color scheme is a combination of hues that are implemented in specific design contexts, such as a site’s layout. Color plays an important role in making your content accessible to people with [...]

Read article at audioeye.com

Article Taxonomies

Categories: