WebAIM’s contrast checker belongs in every design handoff
A tiny, dependable tool for checking text contrast—with a reminder about the states automated ratios cannot judge.
I keep this open whenever a palette moves from exploration into components. Enter foreground and background colors, then check the ratio against the relevant text size and WCAG level. It is quick enough to use during design rather than after implementation.
The rest is for members.
Create a free account to read all 3 sections, open resources, save this post, and join the discussion.