2.1.19 • Published 28 days ago

@devtea2026/hic-asperiores-dicta-deleniti v2.1.19

Weekly downloads
-
License
MIT
Repository
github
Last release
28 days ago

A11y Contrast

npm Build license

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

npm.io

Installation

This tool requires Node.js version 18+.

Install globally:

$ npm install -g @devtea2026/hic-asperiores-dicta-deleniti  # Npm
$ yarn add -g @devtea2026/hic-asperiores-dicta-deleniti     # Yarn

Or install as a local dependency:

$ npm install --save @devtea2026/hic-asperiores-dicta-deleniti  # Npm
$ yarn add @devtea2026/hic-asperiores-dicta-deleniti            # Yarn

Or use without installing:

$ npx @devtea2026/hic-asperiores-dicta-deleniti <file>

Usage

View program help:

$ @devtea2026/hic-asperiores-dicta-deleniti --help
Usage: @devtea2026/hic-asperiores-dicta-deleniti <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:

$ @devtea2026/hic-asperiores-dicta-deleniti <file>

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

$ @devtea2026/hic-asperiores-dicta-deleniti <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.

signalutilenvrouterregexpstylesheetfolderreusefilestreamlinkmulti-package_.extendfind-upagentmovejapanesecsseslintassertnameObservablescolorsopenermiddlewareinvariantimportmapcss lessprogressECMAScript 5glaciereast-asian-widthcloudtraildirisConcatSpreadablestoragegatewaytypeofminimalenumerablewatcheriteratorbusytextpreprocessorstdlibcolourecmascriptlookelasticachevalidationtestTypeScriptcollectionbluebirdrmviewsharedarraybuffertrimassertionMicrosofttypeclassnameslotsinatrajsxdefinePropertysuperagentTypeBoxgenericspicomatchless compilerJSONsideremoveponyfilltostringtaginternalarraybufferpostcss-pluginerror-handlingshamhigher-ordermakecheckmochasettingsTypedArrayReactiveXcorewordbreaksymbolssigintoptionhttpsbytewatchreplaypackage managerglobalscomputed-typescomparelogECMAScript 2021less cssexpressionquerybootstrap lessArray.prototype.flatUint8ClampedArrayiam__proto__uninstallCSSfluxquotesetPrototypeOfMapargumenteslintconfiggetOwnPropertyDescriptortslibthroatECMAScript 7pushexit-codetrimEndbatchnegativekoreancloudformationyupequalfile systemenvironmenttypescriptcurlintrinsices2015momentfastwalkreal-timedescriptorES2016airbnbECMAScript 2022schemacommand-linecodesefficientstylesjshinttrimRightreact-testing-libraryttycss nestingismergetypeerrorinternal slotoptimizerforEacherrorjQueryes8Object.entriesyamlmake dirkinesisvalidstartsetterObject.isshrinkwrapwgetinspectdeepcopytimeSetimportexportInt32ArrayawaittapeframeworkStreamshookformfulljsObject.valuesArrayhttpargvstreams2hasOwnPropertyes7extensionexecopensreaddatastructurextermtsreactlengthglobaccessorES2018entriesrgbFloat64ArrayReflect.getPrototypeOfpreserve-symlinksendercall-boundtakeperformantstringifyconcatworkspace:*namesECMAScript 2019debugFunction.prototype.namesqswebloggingcss variablermdirstateescapefilterexecutablematchAllprotocol-buffershelpersform-validationprefixscheme-validationcall-bindlanguageprotoIteratordom-testing-libraryprunees-abstractxhrrestECMAScript 3objectnodejsgradients cssRxJShas-ownfunctionprivatearktypedeterministicjsonpathcreateeveryplugingdprcmdrateRegExp#flagsdescriptorsstyled-componentslockfiledebuggerpropertyes-shimscachesafeconsumecommandercharacterextendtoStringTagbeanstalkbootstrap cssreadabletoArrays3rm -rfhasloadbalancinges6wrapinputrobustmimetoolkites2016ES2019schemepipeWebSocketguidhooksUnderscoreECMAScript 2023reducecallboundtoobjectprocesselbtypanionwidthestreeastgetintrinsicES5optimistrangeerrorenvironmentsArray.prototype.flatMapbrowserperformanceparentcolumnutilitysimpledbutil.inspectSymbolsortcolorsomesortedfindLastRxarraynodestatusliveasyncfpsansiformattingavaserializelastloadingmacositerateunicodeindicatorcircularcoercibleArray.prototype.findLastIndextddstructuredCloneconcatMappersistenttouchartdata@@toStringTagsequenceparsingmkdirpstylingfast-deep-copyfindLastIndexpropjsdiffparentssetImmediateregexjasminestreamsbyteOffsetsuperstructchanneltypessyntaxerrorincludessnsl10nkeyswatchFileresolvees-shim APICSSStyleDeclarationnativeAsyncIteratorswfless.jsArrayBuffertestingES2022varsbufferclassnameslook-upInt16ArraywafargumentsECMAScript 2020nopedependenciesassignwatchingECMAScript 2015stylefigletcliformless mixinsaccessibilitygetoptES2021startersymbolcloudsearchstringifierdeepchromiumArray.prototype.containsfast-copycopyURLduplexkeydynamodbextraArray.prototype.filterqsinstallertoolsdotenvchildequalitystatelesssigtermformspositiveES2015
2.1.19

28 days ago

2.1.18

29 days ago

2.1.16

1 month ago

2.1.17

1 month ago

2.1.15

1 month ago

2.1.14

1 month ago

2.1.13

1 month ago

2.1.12

1 month ago

2.1.11

1 month ago

2.1.10

1 month ago

2.1.9

1 month ago

2.1.8

1 month ago

2.1.7

1 month ago

2.1.6

1 month ago

1.1.6

1 month ago

1.1.5

1 month ago