rainbow
apca-w3
| rainbow | apca-w3 | |
|---|---|---|
| 1 | 1 | |
| 1 | 140 | |
| - | - | |
| 3.2 | 5.1 | |
| almost 3 years ago | 8 months ago | |
| JavaScript | JavaScript | |
| BSD 3-clause "New" or "Revised" License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
rainbow
-
Accessible Text on Images: Nail the Contrast Ratio
The Rainbow tool was built using a static site generator. It's power lies in a Rust serverless function which does the maths. It works by finding the pixel (in the image) with the lowest contrast to the text colour. Then it uses a bit of High School Maths (the Newton-Raphson numerical technique) to work out the overlay transparency which satisfies the contrast ratio supplied (4.5 by default). There are a few optimisations built in such as resizing the image before getting going to speed up the later calculations. The code is open source and you can view the Rainbow Site code on the Rodney Lab Git Hub page. Now you know what the Rainbow tool is shall we look at how to use it?
apca-w3
-
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/
[2] https://www.myndex.com/CVD/
[3] https://github.com/Myndex/apca-w3/
What are some alternatives?
leonardo - Generate colors based on a desired contrast ratio
csscolorparser - Go (Golang) CSS color parser library
a11y-contrast - A CLI utility to calculate/verify accessible magic numbers for a color palette.
testimonial - Jamstack app using Gatsby, Netlify, and FaunaDB.
csscolorparser-rs - Rust CSS color parser library
next-on-netlify - Build and deploy Next.js applications with Server-Side Rendering on Netlify!
gifa11y - Gifa11y is a customizable vanilla javascript plugin that easily adds accessible play/pause buttons to animated GIFs.
Alt-Text-Generator - Generate alt text for your images!
csstree - A tool set for CSS including fast detailed parser, walker, generator and lexer based on W3C specs and browser implementations
bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.