postcss-accessibility

PostCSS plugin that helps with the web accessibility guidelines.

p {
    background-color: hsl(192 62% 94%);
    color: a11y-txt(hsl(192 62% 94%), 1.75em, 400);
    font-size: 1.75em;
}

p {
    background-color: hsl(192 62% 94%);
    color: hsl(192.63157894736838 61.290322580645174% 17%);
    font-size: 1.75em;
}

Usage

Step 1: Install plugin:

npm install --save-dev postcss postcss-accessibility

Step 2: Check you project for existed PostCSS config: postcss.config.js in the project root, "postcss" section in package.json or postcss in bundle config.

If you do not use PostCSS, add it according to official docs and set this plugin in settings.

Step 3: Add the plugin to plugins list:

module.exports = {
  plugins: [
+   require('postcss-accessibility'),
    require('autoprefixer')
  ]
}