Contrast testing

From Level Access Web Labs
Revision as of 15:26, 12 July 2019 by Javila (talk | contribs)
Jump to navigation Jump to search


  • Developer tools that get and calculate values from code
  • Eye dropper tools
  • Tools where you enter values into a field to compute
  • Tools that compute nearby colors that comply

When to get contrast values from code

  • Whenever code values are available use those
  • Consider opacity/transparency though

When to use eye dropper

  • for image of text
  • for text over background image
  • for text over gradient
  • Contrast in certain browsers may be adjusted
  • anti-aliasing may produce untrue colors -- so be sure to grab the correct color
  • eye drop from the source rather than an image as image compress may distort colors.

Other things to consider

  • Contrast may change with zoom or responsive views