WCAG Contrast Checker

• This site can be used to check the contrast of different colors for accessibility requirements. 

• ESU follows the AAA standards and therefore any aspects you test here should pass in the AAA section of the results.

• You can check small text, large text, and graphic (UI) components with this site to make sure your visuals are able to be seen by as many students as possible.

• This tool can also be added as a free web browser extension on Google Chrome!

Guild to Contrast Ratios-

• Headings: Contrast ratio for large-scale text should be a minimum of 3:1.

• Main Text: For text other than headings, a contrast ratio of at least 4.5:1 should be maintained.

• Logotype: Text which is a part of a logo or brand has no contrast requirement.

• Incidental Text: Text which is part of an inactive user interface, pure decoration, invisible, or part of a picture, and does not convey meaningful information, has no contrast requirement.