Contrast — A macOS app for quick access to WCAG color contrast ratios(usecontrast.com)

5 years ago from Mike A., @AllPrototypes.com

  • Christopher Alan, 5 years ago

    "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?

    1 point
    • Corin EdwardsCorin Edwards, 5 years ago

      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.

      0 points