APCA

MYNDEX
RESEARCH

APCA

⇦ HOME ⇧ UP ONE


APCA Tools & Apps

As APCA popularity increases, there is a rapidly growing list of tools. Please post a message in the tools discussion to have your tool added to this list, or send me a message—my DMs open on Twitter and Linkedin.

Take note that some of these tools are works in progress, and not all of them have been fully analyzed for accuracy or conformance to APCA standards. We will be starting qualification testing in the near future. When in doubt, check values with the canonical APCA tool.

For Bridge PCA, use the canonical BPCA tool.

Third Party APCA Tools—Systems

Design Systems or Pallette Generation tools

Tailwind

Stark APCA Beta

Accessible Palette

Huetone

Ambient Color Generation Tool

Atmos

Leonardo


Third Party APCA Tools-Calculators

Calculators and Technology Demos

a11ycolor.tools

Achecks APCA Contrast Checker

Polypane Color Contrast

Cliam’s Contrast

contrast-suggester.com

Also a GitHub repo too

Zebra for Figma

Caravage for Figma

RandomA11y APCA

contrast-checker Vercel app

Contrast Tools

Contrast Checker

APCA Flip Black/White

Also, the GitHib repo

Japanese Experimental

Also, the GitHib repo


BRIDGE PCS VARIANTS

color-contrast.dev

Color Contrast iOS app


Browsers

Chrome Dev Tools

Microsoft Edge Dev Tools


Code Libraries & Systems with APCA

Color.js

SASS-APCA

A11y Color Contrast

Colorspace r-forge

OxyProps/BrickProps

Accessibility: Color-Contrast Models

Works in Progress

These are some works in progress, functionality was not complete at the last time I checked, and or may have math or implementation errors. If your tool is on this portion of the list, please feel free to reach out, I’m more than happy to assist.

ROKING-A11Y APCA Evaluator

AdamSzakal APCA-contrast

Visual Contrast Figma Plugin

jolly-feynman-28ea37.netlify.app


Official Myndex Tools

APCA W3 Tool

Color Vision Deficiency (ColorBlind) Simulator

Bridge-PCA

SAPC Development Site


Official Repositories

APCA W3

And the npm install is ` npm i apca-w3 `

Bridge-PCA

And the npm install is ` npm i bridge-pca `

The Main SAPC APCA SARCAM

This repo right here…

Guidelines for Accessible Readable Design

In development at Accessible Reading Technologies: GARD is a developing set of readability design guidelines.

deltaPhiStar

An alternate and highly simplified contrast algorithm. Still fairly perceptually uniform though less accurate for very high and very low contrast, and it’s not polarity aware.

See Stars

Myndex microlibrary for CIE Lstar, for use with deltaPhiStar

Fancy Font Flipping

Related to APCA methods, but separate—this is a demonstrator for when to flip a text color from black to white, based on the luminance of the background. CodePen also available, and also read this Gist article.

Color Parsley

A lightweight but versatile color parsing utility with no dependencies NPM Install: ` npm i colorparsley `


Other Resources

linktr.ee/Myndex

This is a linktree of articles and information regarding APCA.

Easy Intro to APCA

A brief overview of APCA. This is a good place to start if you are new to perceptually uniform contrast.

APCA Readability Criterion

Publisck Workging Draft of the developing guidelines for using APCA and related systems and technologies.

Myndex Color & Contrast Resources

A large catalog of contrast and color resources.


Accessibility Statement for Beta Testers

Beta testers may wish to include the following statement in their sites boilerplate:

There are additional versions in the Accessibility Statements file


This website is using the APCA™ readability guidelines for determining visual contrast of text and non-text elements.

This site’s visually-readable primary content is designed to meet or exceed the Bronze Simple conformance level, as defined in version: (Public Beta Working Draft 2023), of the APCA Readability Criteria (ARC), which provides improved visual readability, enhancing the actual accessibility for users of this website. If you have questions, concerns, or problems, please contact the accessibility manager or webmaster of this site. The APCA Readability Criteria is designed to substantially exceed WCAG 2.1, SC 1.4.3 and 1.4.11 guidelines for actual accessibility. If you find you are experiencing a functional problem with text contrast on this site, please forward to the URL to bugreport at readtech.org


Copyright © 2021-2023 by Andrew Somers. All Rights Reserved. Patent(s) Pending.

⇦ HOME ⇧ UP ONE