Loading page, please wait.
design tool
Check that any two colors meet WCAG AA contrast.
The output is a contrast ratio and a pass/fail against WCAG AA for body text, large text and UI controls.
Large heading (24px+)
Body copy at 14 to 16px. This is the toughest test for accessibility.
Small print at 12px is rarely AA-compliant outside of legal copy.
Contrast ratio
14.53 : 1
WCAG AA normal text
Pass
WCAG AA large text
Pass
WCAG AAA normal text
Pass
WCAG AAA large text
Pass
WCAG defines a contrast ratio between two colors. AA requires 4.5:1 for normal text (under 24px) and 3:1 for large text (24px+ or 18.66px bold). AAA is stricter - 7:1 for normal and 4.5:1 for large.
Body text: 4.5 to 1. Large text and UI controls: 3 to 1.
Step through every free tool the WebGrow24 team ships.
WebGrow24 services
Fixed quote in 48 hours. Senior team. Outcome-led.