@devtea2025/alias-cumque-qui-facilis

v1.0.0

Published

7 months ago

Downloads

0High
0Medium
0Low

node package.json ES3 arraybuffer character up fullwidth AsyncIterator asserts in Array.prototype.includes symbol WeakSet exe negative es2018 spec computed-types descriptors ArrayBuffer.prototype.slice workspace:*dataView karma validation findup crypto object spawn URL fastclone resolve concurrency match es signals dir findLast Array.prototype.flat rgb figlet traverse classnames web setPrototypeOf RegExp#flags es-abstract spinners ES2017 search opener path helpers flag utility CSS mkdir datastructure fsevents real-time findLastIndex scheme-validation filter xdg Iterator Observable directory trimStart child require parser env @@toStringTag channel tdd make dir WeakMap queue promise argv call-bind ECMAScript 6 dependency manager Push styles hot WebSockets ES2016 private extend Float64Array key toStringTag async rm -rf shared Microsoft launch dotenv string typed array Uint8Array Object.getPrototypeOf parse mixins break less mixins settings restful command-line minimal wrap logging Uint32Array drop Int16Array ES2018 error-handling iteration merge Int32Array electron error styleguide full batch format ECMAScript 5 polyfill some ES2020 elb es6 byteOffset jsonpath defineProperty mru emr macos sigterm trimLeft es2015 mocha ie Uint16Array efficient ES2022 getPrototypeOf Object.defineProperty ECMAScript 3 vars kinesis text names bcrypt ponyfill cloudfront plugin sorted getopt rangeerror hash gradients css3 toArray cloudtrail module JSON css less preserve-symlinks full-width proxy core-js authentication form limit throttle javascript environment package safe parent listeners Object callbind iterator moment toobject loading immutable tty pnpm9 emoji $.extend fast-copy l10n operating-system command banner mime-db classname redux stringifier browserslist find-up lru writable buffers Array.prototype.flatMap rest metadata scheme waf preprocessor HyBi Array.prototype.findLastIndex trimEnd picomatch is sqs BigInt64Array api duplex process ts unicode aws Object.values cjk random argument BigUint64Array typeof quote color copy censor cors slice matches deepclone watcher ArrayBuffer setter negative zero import entries deep eslintconfig glob eslint-plugin modules tslib autoprefixer concatMap wordwrap simpledb less compiler extension bdd editor i18n persistent form-validation css-in-js fastcopy ECMAScript 2018 cache flags telephone nope has-own status stringify react-testing-library fixed-width args sameValueZero multi-package ses Symbol less css matchAll windows cmd take functions sort output flux array gradients css clone fetch ast phone validate column readable map compare importexport 256 hasOwnProperty getOwnPropertyDescriptor regular chromium escape linux hasOwn jsx typedarray slot http property byteLength jwt Rx cli omit date callback qs tester performant jsdom debug classes dom-testing-library ECMAScript 2019 assign define has tostringtag ansi es5 move view invariant protocol-buffers Stream korean indicator vest route53 watchFile ECMAScript 2021 css variable setImmediate String.prototype.trim Array.prototype.findLast whatwg symlink japanese valid querystring css beanstalk ReactiveX ES7 spinner typanion wait performance eslintplugin native ajv tools prefix browserlist Set callbound

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 @devtea2025/alias-cumque-qui-facilis  # Npm
$ yarn add -g @devtea2025/alias-cumque-qui-facilis     # Yarn

Or install as a local dependency:

$ npm install --save @devtea2025/alias-cumque-qui-facilis  # Npm
$ yarn add @devtea2025/alias-cumque-qui-facilis            # Yarn

Or use without installing:

$ npx @devtea2025/alias-cumque-qui-facilis <file>

Usage

View program help:

$ @devtea2025/alias-cumque-qui-facilis --help
Usage: @devtea2025/alias-cumque-qui-facilis <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:

$ @devtea2025/alias-cumque-qui-facilis <file>

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

$ @devtea2025/alias-cumque-qui-facilis <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