All Projects → Myndex → SAPC-APCA

Myndex / SAPC-APCA

Licence: other
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.

Programming Languages

CSS
56736 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to SAPC-APCA

cluse
Sketch Plugin to check and adjust color contrast accessibility with live preview and sliders. Endorsed by Sketch.
Stars: ✭ 54 (-79.7%)
Mutual labels:  accessibility, wcag, color-contrast, color-contrast-checker
accessibility-testing-tools
A collection of useful tools for accessibility testing and debugging in the browser, online and desktop
Stars: ✭ 18 (-93.23%)
Mutual labels:  accessibility, wcag, color-contrast, color-contrast-checkers
pick-a-good-color
Choose the boldest and most accessible color for a given background.
Stars: ✭ 18 (-93.23%)
Mutual labels:  color, accessibility, contrast
sketch-wcag
A Sketch plugin that let’s you test an entire color palette against the WCAG 2.0 contrast guidelines.
Stars: ✭ 27 (-89.85%)
Mutual labels:  wcag, color-contrast, color-contrast-checker
a11ycolor
🌈 Generate the nearest accessible color
Stars: ✭ 29 (-89.1%)
Mutual labels:  color, accessibility, contrast
Stylebot
Change the appearance of the web instantly
Stars: ✭ 746 (+180.45%)
Mutual labels:  accessibility, readability
enabler
✋ Accessibility analyzer for your frontend.
Stars: ✭ 19 (-92.86%)
Mutual labels:  accessibility, wcag
luxpy
Python toolbox for lighting and color science
Stars: ✭ 55 (-79.32%)
Mutual labels:  color, colorimetry
Whocanuse
WhoCanUse is a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
Stars: ✭ 259 (-2.63%)
Mutual labels:  color, accessibility
color-description
Color-Description turns a technical color representation into a human readable description.
Stars: ✭ 18 (-93.23%)
Mutual labels:  color, accessibility
Sass A11ycolor
🌈 Generate the nearest accessible color with Sass.
Stars: ✭ 24 (-90.98%)
Mutual labels:  color, accessibility
Midnight Lizard
Сustom color schemes for all websites
Stars: ✭ 406 (+52.63%)
Mutual labels:  accessibility, readability
AccessSniff
Automated accessibility testing using HTML_Codesniffer (WCAG and Section508)
Stars: ✭ 84 (-68.42%)
Mutual labels:  accessibility, wcag
Contrast Swatch
🅰️ Image microservice for color contrast information
Stars: ✭ 210 (-21.05%)
Mutual labels:  color, accessibility
eufemia
DNB Design System
Stars: ✭ 38 (-85.71%)
Mutual labels:  accessibility, wcag
php-invert-color
Invert a given color.
Stars: ✭ 13 (-95.11%)
Mutual labels:  color, luminance
chusho
A library of bare & accessible components and tools for Vue.js 3
Stars: ✭ 47 (-82.33%)
Mutual labels:  accessibility, wcag
a11y-guidelines
アメーバアクセシビリティガイドライン
Stars: ✭ 61 (-77.07%)
Mutual labels:  accessibility, wcag
alfa
♿ Suite of open and standards-based tools for performing reliable accessibility conformance testing at scale
Stars: ✭ 75 (-71.8%)
Mutual labels:  accessibility, wcag
Contrast Finder
Contrast-Finder finds correct color contrasts (background / foreground) for web accessibility (a11y, WCAG, RGAA). https://app.contrast-finder.org
Stars: ✭ 38 (-85.71%)
Mutual labels:  color, accessibility

version   downloads   stars   last commit  
license   Plain Vanilla JS   Myndex   twitter  

APCA GitHub Repo

Welcome!

APCA is the Accessible Perceptual Contrast Algorithm, a new way to predict contrast for text and non-text for content on self illuminated displays.

Questions? Ask in our Discussions Forum

This is also where we discuss draft guidelines and proposals. Please post all comments or discussions here and not in the satellite repositories so they can be tracked and resolved.

DOCUMENTATION

  • Main Readme Doc This page includes the math, code walkthroughs and links for developer related goodies. If you'd like to dive into the deep end, this is a good start.

Simple Overview, QuickStart, and FAQ

These are intended for end users, and those interested in a plain language overview without a lot of the math & theory.

Sciency Stuff!

Maths! Vision Science! Photons on Parade!

Poster: a picture of crash test dummies crashing out of a car, and text that says don't be a dummy! Stop using low contrast text. At the bottom it says APCA the world is reading       Smokey the bear saying  ONLY YOU CAN STOP LOW CONTRAST      Uncle Sam saying I want you to use high contrast text


APCA Resources, Articles, & Links

The main catalog of related articles, peer reviews, repositories, white papers, and more!

APCA Linktree

Smaller, selected link collection.

Myndex Research on Twitter


Local Repo Documentation

The SAPC APCA GitHub Main Repository

You are here 🔽 this index page is served at the github repo.

The APCA-W3 GitHub Repo

Over there is the W3 licensed version, and it's the same as the published npm package.

The Bridge-PCA GitHub Repo

The BridgePCA is backwards compatible with WCAG 2, and it's the same as the published npm package.

The ColorParsley GitHub Repo

ColorParsley is a micro library for auto parsing color strings of all kinds, also on npm.


APCA Contrast Calculator

The canonical demo tool at Myndex

Bridge PCA Contrast Calculator

Try out the Bridge PCA tool at Myndex

Myndex CVD Simulator

Color insensitive vision simulation (aka colorblind). Includes deuteranopia, protanopia, tritanopia, and blue cone monochromacy/achromatopsia.

Myndex Perception Research

Demos and Experiments relating to the project.



APCA The Revolution Will Be Readable

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].