T
2

Just read the WCAG 2.1 guidelines and the contrast ratio for normal text is 4.5:1.

Found it on the W3C site. I always thought it was just 'make it dark enough'. My new site's button text was at 3.8:1. Felt fine to me, but it fails the standard. How do you guys actually check your ratios without going crazy?
2 comments

Log in to join the discussion

Log In
2 Comments
jackson.wesley
Got burned by that exact thing last year. Started using a browser plugin called WCAG Color Contrast Checker, it shows a pass/fail right on the page. Honestly, my eyes are terrible at judging it, especially with blues and grays. Now I just run the plugin while I'm building and tweak colors until it passes. Saves a huge headache later.
4
terry_mitchell
My old boss used to just squint at the screen. Called it the "squint test". We had a client fail an audit over a 4.2:1 gray.
0