Sitemap
Scott Vinkle

Scott Vinkle

Accessibility Specialist, ex-Shopify | Scott is a dedicated accessibility professional with over 15 years of experience building inclusive digital experiences.

Member-only story

Accessibility tooling: Contrast Checker

A minimalist, system-wide contrast tool for designers and developers

3 min readSep 23, 2026

--

Press enter or click to view image in full size
A small rainbow of light hits the keys of an almost closed laptop.
Photo by Adrien Olichon from Burst

If you work in digital design, accessibility (a11y), or frontend development, checking color contrast is a daily ritual. Ensuring that text is readable and conforms to WCAG guidelines shouldn’t feel like a chore-yet for the longest time, it has been surprisingly frustrating.

Like many of you, I spent years juggling browser extensions and bloated third-party desktop tools. Browser extensions are great-until you need to sample colors from a native desktop window, a Figma canvas, a virtual machine, or an iOS Simulator. And the existing desktop tools I tried often felt sluggish, packed with confusing color wheels, or cluttered with extra menus when all I really wanted was a simple, quick answer: “Does this pass?”

I wanted an unobtrusive utility that lived at the OS level, could sample any pixel on my screen, and did one thing exceptionally well.

So I built Contrast Checker.

Press enter or click to view image in full size
Primary app window with the contrast ratio value, close control, HEX values for background and foreground, as well as two color picker controls.
Figure 1: Contrast Checker window.

What makes it different?

--

--

Scott Vinkle
Scott Vinkle

Written by Scott Vinkle

Accessibility Specialist, ex-Shopify | Scott is a dedicated accessibility professional with over 15 years of experience building inclusive digital experiences.