• Stars
    star
    438
  • Rank 99,453 (Top 2 %)
  • Language
    CSS
  • License
    Other
  • Created about 5 years ago
  • Updated 6 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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.

version   downloads   stars   last commit  
license   Plain Vanilla JS   Myndex   twitter  

APCA Documentation 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. This repository is for the documentation, for issue tracking, and for the discussion forum.

TOOLS

CODE

The correct code to use is apca-w3 which is in its own satellite repository, and is also available at npm i apca-w3 That is the only code that should be used for any development purposes.

DESIGN GUIDELINES

The draft independent APCA Readability Criterion is up as a work in progress, still sections to be added and/or adjusted.

FORUMS

For comments or questions on the guidelines, use the ARC forum, that is where we discuss the draft standards & guidelines, and discuss legal & conformance issues.

For comments or questions on theory, math, or the APCA algorithm itself, use the SAPC-APCA forum here, please post all comments, questions, or discussions regarding theory, math, code, third-party tools,third-party tools, and so forth, 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

More Repositories

1

apca-w3

The APCA version, to be licensed for use with guidelines: W3/AGWG.
JavaScript
156
star
2

deltaphistar

𝜟𝜱✴︎ or Delta Phi Star is a variant method of determining lightness contrast, and a sibling of APCA and SACAM. It is a simplified version using easily invertible standardized maths, however it lacks some useful properties such as polarity sensitivity. In fact, it is intended for applications where a "general" simplifed perceptual contrast is desired, where polarity sensitivity is not needed (or is ambiguous).
HTML
22
star
3

colorparsley

A lightweight but versatile mini-lib to parse color strings, objects, or numbers, returning a simple rgba array, and related string utilities. This was developed as part of the basic APCA distro.
JavaScript
17
star
4

bridge-pca

A simplified version of the APCA math to bridge from WCAG_2 contrast math to the future, while being 100% backwards compatible with WCAG_2 contrast. By "backwards compatible" we mean if bridge-pca passes it, it will automatically pass WCAG_2 contrast.
JavaScript
13
star
5

max-contrast

Send it the background color, returns black or white whichever is maximum Lc value
JavaScript
10
star
6

fancyfontflipping

Fancy Font Flipping is a demo I first put up in CodePen to illustrate the issues with flipping the text color from black to white based on a given estimated background luminance.
HTML
7
star
7

seelab

sRGB parsing and processing RGB data in and out of CIE XYZ, xyY, LAB and LUV, and more!
JavaScript
7
star
8

Myndex

A catalog of Myndex Research content, including APCA articles & documentation, related code repositories, and resources.
CSS
7
star
9

seestars

See Stars is a Myndex MicroColor Library. This has standard functions for the standard (piecewise) IEC conversion of sRGB to Y, and the CIE standard Y to L* (Lstar) and back again. The math & constants here reference those of CSS 4 for compatibility.
JavaScript
6
star
10

brintness

brintness is an integer brightness/lightness/darkness calculation
3
star
11

tinytrim

A set of CSS generic classes for on-the-fly adjustment of elements without having to use style="" — this CSS sheet is mainly for use in development and early design stages.
CSS
2
star
12

AuralAccessibility

Aural Accessibility Research Project: A discussion area for ideas relating to guidelines for aural perception.
2
star
13

ColorGlossy

A glossary of color, contrast, and vision terms
1
star
14

Illuminated

A repo collecting the more substantial comments Myndex made regarding typography, CSS, color, contrast, and vision.
1
star
15

TuttleAndButtle

Canonical rebuttals to sponsored rumors regarding APCA, APC-RC, BridgePCA, etc.
1
star