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.
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 :)
"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.
Great app, also very useful. Bought it already.
Awesome - This is a very handy tool!