ACCESSIBLE CSS: EightShapes Contrast Grid

EightShapes Contrast Grid Example

To be in compliance with the WCAG 2.0 Guideline 1.4.3 Contrast (Minimum) (Level AA), the visual presentation of text color against background color has to have a contrast ratio of at least 4.5:1.

Use the EightShapes Contrast Grid to test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

The tool’s legend diagram explains the pass/fail codes:

Contrast grid legend

Once you have created a contrast grid that pertains to your project, you can copy the grid HTML and CSS for your use.

Copy HTML and CSS from grid

Take the EightShapes Contrast Grid for a spin.

Instant Download!

PDF Accessibility Remediation How to Fix 40 Common Errors

Whether you have limited experience with the PDF remediation process, are expanding your knowledge on how to remediate PDFs, or simply need a resource that can help remind you how to fix a frustrating error, the info provided in this e-book can help.

Download now.