passes-wcag

v0.2.1
Evaluate if a to colors have sufficient contrast to pass WCAG requirements.
wcag color contrast luminance contrast-ratio accessibility a11y relative-luminance color-contrast and 2 more...

Greenkeeper badge Build Status

Passes WCAG

Evaluate whether two colors have sufficient contrast to pass WCAG requirements.

Doesn't handle transparency as of yet.

Installation

npm i passes-wcag

Usage

import {
  passesWcagAaLargeText,
  passesWcagAa,
  passesWcagAaa,
} from 'passes-wcag';

passesWcagAa('black', '#fff'); // true
passesWcagAaLargeText('rgb(1, 1, 1)', 'rgb(250, 248, 247)') // true
passesWcagAaa('black', 'rgb(0, 0, 0)') // false

Signature

passesWcagAaLargeText(color1: string, color2: string) => boolean
passesWcagAa(color1: string, color2: string) => boolean
passesWcagAaa(color1: string, color2: string) => boolean

Contributing

I appreciate your issues and PRs on Github!

Testing

yarn build && yarn test

Releasing

This project uses np.

  1. Make sure your changes are in master
  2. Run yarn release
  3. Follow the interactive release guide
npm i passes-wcag

Metadata

  • GPL-3.0
  • Whatever
  • Just Thomas Hiorth Misund
  • released 7/17/2019

Downloads

Maintainers