All Projects â†’ alex-page â†’ a11ycolor

alex-page / a11ycolor

Licence: MIT license
🌈 Generate the nearest accessible color

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to a11ycolor

buttonbuddy
Learn about accessible button contrast then generate your own accessible button color palette
Stars: ✭ 60 (+106.9%)
Mutual labels:  accessibility, a11y, contrast-ratio
Whocanuse
WhoCanUse is a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
Stars: ✭ 259 (+793.1%)
Mutual labels:  color, accessibility, a11y
SAPC-APCA
APCA (Accessible Perceptual Contrast Algorithm) is a new method for predicting contrast for use in emerging web standards (WCAG 3) for determining readability contrast. APCA is derived form the SAPC (S-LUV Advanced Predictive Color) which is an accessibility-oriented color appearance model designed for self-illuminated displays.
Stars: ✭ 266 (+817.24%)
Mutual labels:  color, accessibility, contrast
Sass A11ycolor
🌈 Generate the nearest accessible color with Sass.
Stars: ✭ 24 (-17.24%)
Mutual labels:  color, accessibility, a11y
pick-a-good-color
Choose the boldest and most accessible color for a given background.
Stars: ✭ 18 (-37.93%)
Mutual labels:  color, accessibility, contrast
Contrast Finder
Contrast-Finder finds correct color contrasts (background / foreground) for web accessibility (a11y, WCAG, RGAA). https://app.contrast-finder.org
Stars: ✭ 38 (+31.03%)
Mutual labels:  color, accessibility, a11y
accessible-name-automation-proof-of-concept
This is an experiment based on Accessibility Object Model (AOM). It tries to demonstrate that it is theoretically possible (in a certain way) to predict what the screen reader will say by focusing on semantic and non semantic elements with a bit of automated testing, thus reducing the need for manual testing.
Stars: ✭ 15 (-48.28%)
Mutual labels:  accessibility, a11y
accessibility-resources
Screen reader and WCAG testing resources to maintain a consistent approach to testing and documenting behaviour.
Stars: ✭ 25 (-13.79%)
Mutual labels:  accessibility, a11y
makeup-js
Mono-repo for all vanilla JavaScript utility modules and headless ui
Stars: ✭ 28 (-3.45%)
Mutual labels:  accessibility, a11y
a11y-contracting
Building Accessibility Best Practices into Contracting
Stars: ✭ 43 (+48.28%)
Mutual labels:  accessibility, a11y
cauldron
cauldron.dequelabs.com/
Stars: ✭ 50 (+72.41%)
Mutual labels:  accessibility, a11y
openacr
OpenACR is a digital native Accessibility Conformance Report (ACR). The initial development is based on Section 508 requirements. The main goal is to be able to compare the accessibility claims of digital products and services. A structured, self-validated, machine-readable documentation will provide for this.
Stars: ✭ 61 (+110.34%)
Mutual labels:  accessibility, a11y
dorai-ui
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
Stars: ✭ 34 (+17.24%)
Mutual labels:  accessibility, a11y
Tanaguru
Automated accessibility (a11y) testing tool, with emphasis on reliablity and automation
Stars: ✭ 116 (+300%)
Mutual labels:  accessibility, a11y
a11y-checker
Identifies accessibility issues in HTML markup.
Stars: ✭ 103 (+255.17%)
Mutual labels:  accessibility, a11y
jquery-accessible-simple-tooltip-aria
jQuery accessible simple tooltip window, using ARIA
Stars: ✭ 22 (-24.14%)
Mutual labels:  accessibility, a11y
chusho
A library of bare & accessible components and tools for Vue.js 3
Stars: ✭ 47 (+62.07%)
Mutual labels:  accessibility, a11y
lint-html-with-css
Lint HTML with CSS. A collection of CSS snippets from the hashtag #lintHTMLwithCSS on twitter. These CSS snippets intend to warn developers about common mistakes made in HTML.
Stars: ✭ 35 (+20.69%)
Mutual labels:  accessibility, a11y
togglific
Do you find web animations distracting? Togglific provides a distraction-free web experience!
Stars: ✭ 17 (-41.38%)
Mutual labels:  accessibility, a11y
aria-at
Assistive Technology ARIA Experience Assessment
Stars: ✭ 115 (+296.55%)
Mutual labels:  accessibility, a11y

🌈 A11yColor

Generate the nearest accessible color.

Install

$ npm install a11ycolor

Usage

const a11yColor = require('a11ycolor');

a11yColor(red, blue); // This returns #FFA3A3

Parameters

The function a11yColor function takes three parameters:

a11yColor($toMakeA11y, $background, ($ratioKey = 'small'));
  1. toMakeA11y - The color that is to be made accessible on the background
  2. background - The background color to for the contrast
  3. ratioKey - The keyword 'small' ( 4.5 ) or 'large' ( 3.0 ) for the WCAG 2.1 contrast ratio

Release History

  • v2.0.9 - Update GitHub action to use yml syntax
  • v2.0.8 - Update dependencies
  • v2.0.7 - Update dependencies
  • v2.0.6 - Replace eslint with xo, adjust formatting
  • v2.0.5 - Use files instead of .npmignore
  • v2.0.4 - Remove prepublishOnly script
  • v2.0.3 - Remove travis badge from README.md
  • v2.0.2 - Replace travis with GitHub actions
  • v2.0.1 - Updating readme, fixing bug when white and black passes
  • v2.0.0 - Binary search, removing steps, adding eslint
  • v1.1.0 - Fixing bugs that caused the contrast to be off by 0.2
  • v1.0.7 - Adding travis
  • v1.0.6 - Minimizing the files
  • v1.0.5 - Removing babel
  • v1.0.4 - Updating documentation
  • v1.0.3 - Making import work
  • v1.0.2 - Removing unecessary NPM packages
  • v1.0.1 - Adding readme
  • v1.0.0 - First release
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].