T
1
c/designing-for-accessibilityadams82adams8210d agoProlific Poster

That contrast checker extension gave me false confidence for a year

I installed the Stark plugin in Chrome back in January and trusted its green checkmarks for everything. Last week I showed my wireframes to a friend who uses screen readers and she pointed out three places where text was technically passing AA but still unreadable on actual screens. The checker was measuring color contrast ratios in a vacuum without considering that the background image shifted brightness in different spots. Now I'm screenshotting every section and checking multiple points with the eyedropper tool in manual mode. Has anyone else found a quick way to test contrast across variable backgrounds without pulling your hair out?
1 comments

Log in to join the discussion

Log In
1 Comment
troy_butler7
Yeah 'false confidence' is the perfect way to put it. Just a heads up though, Stark actually does have a contrast checker that works with background images now, they added it a few months back. Might save you some eyedropper work.
9