Name | Type | Internet Location | Comments | Favorite of |
---|---|---|---|---|
ColorShark | Contrast Checker | offers suggestions if your colors fail contrast | Robin Magritte | |
Coolors Color Contrast Checker | Contrast Checker | Offers suggestions for how to fix colors that fail the contrast ratio | ||
Deque Color Palette Contrast Checker | Contrast Checker | Allows for the selection of up to 5 colors to create a palate for comparison, definitely faster for comparing combinations of multiple colors against one another | ||
EightShapes Contrast Grid | Contrast Checker | Allows for defining and labeling any amount of colors to create a palette for comparison. Produces a (very large) URL for sharing your palette. | Robin Magritte | |
Esse.Tools Color Contrast Checker | Contrast Checker | Is connected to resources for WCAG success criterion for 1.4.3 and for 1.4.6 | ||
Lea Verou Contrast Ratio | Contrast Checker | provides data about relative luminance | Robin Magritte | |
TPGi Colour Contrast Analyser (CCA) | Contrast Checker | * Downloadable tool
* Indicates if a color contrast passes AA text contrast minimum, AAA text contrast minimum, and AA non-text contrast minimum | ||
WebAIM (Web Accessibility in Mind) Contrast Checker | Contrast Checker | * Has a color dropper feature
* Shows what this looks like for normal text, large text, and graphics
* Linked to other tools and resources | Rebecca Testrake | |
WSF&W Color Contast Ratio Calculator | Contrast Checker | Has a table of colors displayed with ratio numbers to provide a visual example | ||
Accessibility Developer Guide: Semantics | Semantics | Explains what Semantics are and why they are important | ||
axe DevTools | SemanticsContrast Checker | This one is a huge favorite. Runs tests and generates reports on what’s broken, the degree of severity, and offers solutions on how to fix. | Robin MagritteRebecca Testrake |