WebAIM Contrast Checker




Tool Type

Accessibility Tools

Who Uses It?

Instructors, Staff

Tags

Recommended by ATC



Difficulty

Beginner-Friendly

Accessibility Info



Tool Description

WebAIM provides a color contrast checker to ensure you meet WCAG accessibility guidelines. The user selects a foreground and background color, and is then given several examples of that color combination in practice, as well as giving a contrast score for those colors used in various layouts and formats. The score is measured up against WCAG AA and AAA guidelines, showing whether or not two colors have sufficient contrast between them to qualify as legible and accessible.



Cost/Licenses

Free

How to Get or Use This Tool

Use the WebAIM contrast checker directly on their website.


Platforms

Web-based

Pros

  • Easy to use
  • Portable via the bookmarklet

Cons

  • May require 3rd party tools to get exact color values

Similar Tools



Supported By

Academic Technology Center (ATC) - atc@lanecc.edu

Last Updated: 05/06/2024 - 11:49