@skylernpm/culpa-at-fuga

v1.0.0

Published

7 months ago

![npm](https://img.shields.io/npm/v/@skylernpm/culpa-at-fuga?style=flat-square) [![Build](https://img.shields.io/github/actions/workflow/status/darekkay/@skylernpm/culpa-at-fuga/ci.yml?branch=master&style=flat-square)](https://github.com/skylernpm/culpa-a

Downloads

0High
0Medium
0Low

skylerlabsventure

css toolkit agent check stringifier concat assertion state writable parse vpc negative TypeScript glacier l10n array which beanstalk ES8 property rapid uninstall rfc4122 shell monorepo codes metadata cmd ajax eslint status prefix command last cloudtrail rest obj regex promises es6 slot sns object router ecmascript ebs ECMAScript 2023 multi-package from persistent collection look-up dotenv has-own full-width RegExp.prototype.flags dom-testing-library fetch xterm iterator immer is includes move less.js argv Float64Array scheme-validation expression ec2 sqs async es2015 formatting hooks framework bdd superagent moment drop picomatch jasmine idle consume ES2023 loading eslintconfig vars css variable nodejs tester estree delete restful plugin awesomesauce fast-deep-clone Uint8Array unicode util.inspect optimizer colors ArrayBuffer byteLength optimist hot start require mocha write match character mobile term core ECMAScript 3 rm -fr opens concatMap prune Map wrap string ECMAScript 5 groupBy typedarray simpledb crypto TypedArray offset react-testing-library mixins install validate Array.prototype.findLast buffers style forEach mimetypes dynamodb hasOwnProperty editor ES2020 accessor json flux interrupts sigterm Object.entries waf trimLeft parents inference iterate column defineProperty browserlist ascii width storagegateway prop windows browser styling rate classname Object.keys es5 rm descriptors tslib form-validation stateless equal es2017 sigint console 256 regular expression web number hardlinks prototype crypt ajv configurable positive elm search less mixins css nesting Rx cloudfront readablestream wget Function.prototype.name tostringtag busy merge Underscore mime-db loadbalancing worker less css eslint-plugin auth mime getter lockfile ES2019 throat bound querystring functions route53 setPrototypeOf arrays file system signals properties AsyncIterator private js scheme fastclone contains debug view shrinkwrap quote preprocessor efficient isConcatSpreadable every telephone exe functional process electron ponyfill airbnb clone call-bound name StyleSheet hookform Observables chromium sham set testing fixed-width limited keys lint extra color uuid @@toStringTag arraybuffer in macos up callback karma typed array bundler elasticache settings https dataView ECMAScript 2021 deep-clone ES5 call cloudformation command-line symlinks workflow ES2018 side setter .env preserve-symlinks jsonpath wordbreak wordwrap streams modules a11y option syntax ES7 syntaxerror columns break fps lru deepcopy define ECMAScript 2018 remove classnames chrome typedarrays ECMAScript 2019 ender zero fast-clone toArray robust Uint8ClampedArray ES xhr WebSocket handlers stable spec queue bind speed data pretty Object.fromEntries ES2015 helpers eventEmitter reduce Microsoft $.extend date findLast i18n superstruct higher-order dependencies Array.prototype.flatten mkdirp pnpm9 weakmap ECMAScript 2015 css-in-js emoji WeakSet JSON-Schema warning dir authentication buffer request tape replay fsevents xdg open indicator Symbol.toStringTag ECMAScript 6 intrinsic getintrinsic flag zod negative zero serialization Push flags ratelimit http executable circular diff HyBi take link workspace:*yaml browserslist redux parser api spinner identifiers URLSearchParams jshint hash yup argparse react-hooks postcss error-handling postcss-plugin autoscaling watching banner forms schema password es-abstract hasOwn rgb class-validator getOwnPropertyDescriptor global express sinatra vest random Array.prototype.filter stream YAML Object.is Symbol es2016 stringify ECMAScript 2016 Streams text eslintplugin sorted bundling datastructure generics parsing file invariant es mapreduce variables in css assert jQuery japanese WebSockets patch variables TypeBox launch child read spawn ts linewrap eventDispatcher cli walk escape findLastIndex linux es-shim API cloudsearch batch types cache typed extension coercible colour progress trimRight fast-copy flatten safe endpoint sort deepclone performance enumerable assign deep-copy rangeerror aws Int16Array own utility module characters full nope package.json globals Object.getPrototypeOf Uint32Array ES2016 entries argument throttle real-time description Array.prototype.flatMap equality react type deterministic __proto__protocol-buffers ECMAScript 2020 gradients css3 internal slot fastcopy channel emr RFC-6455 tty es-shims website mkdirs bootstrap css length xdg-open map structuredClone ses korean callbind directory Array.prototype.includes tools ES2021 mru key values private data package walking protobuf some await installer iam typanion cors debugger minimal terminal symbol look Int32Array watcher accessibility ReactiveExtensions shared has validation symlink slice styles names Uint16Array Object.values

A11y Contrast

npm

A CLI utility to calculate/verify accessible magic numbers for a color palette. Read my blog post for some more information.

Installation

This tool requires Node.js version 18+.

Install globally:

$ npm install -g @skylernpm/culpa-at-fuga  # Npm
$ yarn add -g @skylernpm/culpa-at-fuga     # Yarn

Or install as a local dependency:

$ npm install --save @skylernpm/culpa-at-fuga  # Npm
$ yarn add @skylernpm/culpa-at-fuga            # Yarn

Or use without installing:

$ npx @skylernpm/culpa-at-fuga <file>

Usage

View program help:

$ @skylernpm/culpa-at-fuga --help
Usage: @skylernpm/culpa-at-fuga <file> [options]

Arguments:
  <file>  Color palette file                              [required] [file]

Options:
  --min-ratio-3    Verify magic number for ratio 3                 [number]
  --min-ratio-4.5  Verify magic number for ratio 4.5               [number]
  --min-ratio-7    Verify magic number for ratio 7                 [number]
  -h, --help       Show help                     [commands: help] [boolean]
  -v, --version    Show version number        [commands: version] [boolean]

Run a full report for a color palette file:

$ @skylernpm/culpa-at-fuga <file>

Verify that the color palette fulfills certain magic numbers per contrast ratio:

$ @skylernpm/culpa-at-fuga <file> --min-ratio-3=40 --min-ratio-4.5=50 --min-ratio-7=70

Color palette format

This tool handles flat or nested JSON files. Any consistent grading system is supported.

Flat JSON:

{
  "blue-10": "#d9e8f6",
  "blue-20": "#aacdec",
  "blue-30": "#73b3e7",
  "green-10": "#dfeacd",
  "green-20": "#b8d293",
  "green-30": "#9bb672"
}

Nested JSON:

{
  "blue": {
    "blue-100": "#d9e8f6",
    "blue-200": "#aacdec",
    "blue-300": "#73b3e7"
  },
  "green": {
    "green-100": "#dfeacd",
    "green-200": "#b8d293",
    "green-300": "#9bb672"
  }
}

Check out some example color palettes under /examples.

License

This project and its contents are open source under the MIT license.

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

A11y Contrast

Installation

Usage

Color palette format

License