Evaluate whether two colors have sufficient contrast to pass WCAG requirements.
Doesn't handle transparency as of yet.
npm i passes-wcag
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
passesWcagAaLargeText(color1: string, color2: string) => boolean
passesWcagAa(color1: string, color2: string) => boolean
passesWcagAaa(color1: string, color2: string) => boolean
I appreciate your issues and PRs on Github!
yarn build && yarn test
This project uses np.
- Make sure your changes are in master
- Run
yarn release
- Follow the interactive release guide