Contrast — A macOS app for quick access to WCAG color contrast ratios (usecontrast.com)
almost 6 years ago from Mike A., @AllPrototypes.com
almost 6 years ago from Mike A., @AllPrototypes.com
Looks like a handy tool, but I also love the landing page. It's always hard to know how to approach these super-simple one-page sites, but this nails it in my opinion.
Great app, also very useful. Bought it already.
"The WCAG describes 14pt bold and 18pt as "large" sizes. This roughly translates to 18.5px bold and 24px @1x. This is an approximation since letterform sizes can vary greatly between typefaces."
I've always had a hard time grasping this concept... if I'm designing a mobile app I can use 14pt bold with a 3:1 ratio and pass but if I'm designing a mobile website I fail because it needs to be 18.5 pixels? Even though 14pt and 14px look visually similar on retina devices? Minus the extra sharpness.... seems like an inconsistent rule to me probably because it was written before retina, maybe even mobile for that matter were ever a thing.
On a side note are the contrast ratios for print the same?
As far as I can tell there are no print guidelines, however i would imagine they would be wildly different because of the difference between luminous and reflective mediums. I imagine ink and stuff would complicate things further.
It's a great idea, and I bought it immediately.
Ironically, because the fail state message is displayed in the selected (and failing) colours, the fail alert will always be difficult to read.
I missed it a couple of times, cause of this :)
Awesome - This is a very handy tool!
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now