Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev. Learn more →
SAPC-APCA Alternatives
Similar projects and alternatives to SAPC-APCA
-
a11y-color-tokens
Generate accessible UI colors from your base color tokens.
-
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
CCAe
The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
-
validate-access
Parse a & Validate a given directory with multiple entries
-
feedback
Public feedback discussions for: GitHub for Mobile, GitHub Discussions, GitHub Codespaces, GitHub Sponsors, GitHub Issues and more! [Moved to: https://github.com/github-community/community]
-
luminosity-css
💡 Duo of customizable CSS classes to define a light source location and cast dynamic shadows off elements based on their relative position. Themable and customizable with CSS variables
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
-
Lightning Browser
A lightweight Android browser with modern navigation
-
-
einkbro
A small, fast web browser based on Android WebView. It's tailored for E-Ink devices but also works great on normal android devices.
-
dark-background-light-text-extension
Firefox addon that turns every page colors into "light text on dark background"
-
solarized
precision color scheme for multiple applications (terminal, vim, etc.) with both dark/light modes
-
-
tempus-themes
[Mirror] Tempus is a collection of themes for Vim, text editors, and terminal emulators that are compliant at the very least with the WCAG AA accessibility standard for colour contrast
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
SAPC-APCA reviews and mentions
-
Change the colour of grey text back to black on website using poor contrast text
For a more future oriented version (as setting a font to black wont work with dark pages), check out the CSS Color Module Level 5 spec for color-contrast(), which will automatically choose a color that has a proper contrast ratio: https://www.w3.org/TR/css-color-5/#funcdef-color-contrast
One caveat is it's currently only supported in Safari technical preview.
Another thing worth mentioning is the relative brightness algo used in the repo for the linked plugin is using the WCAG 2 formula for relative luminance. This works pretty well in light mode for non-colored backgrounds, but doesn't incorporate perceived luminosity differences of different hues very well. A better algorithm to use here is the Advanced Perceptual Contrast Algorithm (APCA), which is the one used in the WCAG 3 working spec. It more accurately accounts for hue: https://github.com/Myndex/SAPC-APCA
-
Please Stop Using Grey Text
Note the licensing note in the repository[1] of the APCA™ index the author’s company[2] promotes:
> The files currently in this repository are presently considered pre-release, and as such do not have a permanent license attached. In this repositiory, all files present are under a time-barred beta license, and intended for use with web-based content only, and not for any other use without written permission.
The non-pre-release stuff[3] offered to W3C is better but still seems to be intended to end up non-FOSS:
> Files in this repository are licensed to the W3/AGWG under their cooperative agreement for use with WCAG accessibility guidelines for web-based content only, and not for any other use.
(The question being, of course, how much of this is copyrightable at all.)
[1] https://github.com/Myndex/SAPC-APCA/
-
WCAG 3 and updated contrast checkers?
Fifth: If you want to use APCA or BPCA, then welcome to the open beta test, and feel free to say hi in the beta thread at the GitHub repo: https://github.com/Myndex/SAPC-APCA/discussions/43
On an additional note, apart from the WCAG 3.0 Working Draft, this piece from Andrew Somers, who is working on APCA for WCAG 3, and this twitter thread might be of use.
Second: There are a number of contrast checkers that use APCA technology. The canonical "official" one is https://www.myndex.com/APCA/ but I want to mention it is an open public beta, and is not backwards compatible with WCAG_2 (this is in part because WCAG_2 is not perceptually accurate and thus the areas where WCAG_2 incorrectly fails pairs that APCA will pass is at issue).
-
I made a tool to check the contrast between two colours using the new contrast algorithm being drafted for WCAG 3 — also includes fun rgb/hsl/lch sliders and buttons to adjust either colour to a desired contrast!
Andrew Somers W3 AGWG Invited Expert Color Science Researcher Myndex Perception Research Inventor APCA/co-author WCAG3
Thank you! I'm not sure this would make sense as an npm package — it's just a web page. The source code is on github in case it inspires anybody, and the contrast calculation is based on the algorithm that Myndex has also shared: https://github.com/Myndex/SAPC-APCA
-
A note from our sponsor - Onboard AI
getonboard.dev | 2 Dec 2023
Stats
Myndex/SAPC-APCA is an open source project licensed under GNU General Public License v3.0 or later which is an OSI approved license.
The primary programming language of SAPC-APCA is CSS.