Screenshot of Cloudflare Design’s Color tool

There are a ton of cool resources out there for finding accessible, inclusive color schemes and sequences! I’ve collected a few of the ones I’ve found most useful (beyond the typical contrast-checkers out there) here. I’ll update these as I discover more!

Useful for: Generating Accessible Color Palettes

Color Safe

http://colorsafe.co/

A nice, simple tool with a few extra features from a general contrast-checker. This tool lets you set up your background color + your font family, weight, and size, and it then generates a color palette you can explore and use based on the WCAG standard you’re targeting.

Cloudflare Design’s Color Tool

https://cloudflare.design/color/


Video Screenshot of Liz Jackson on the Interaction19 Stage, with the caption “the person who might actually kiss you with kindness is a pathological altruist.” One day, oh one day, Medium will give me alt-text.

Each week(-ish) as I hop around on the #a11y-related web, I take note of the exciting things I find and put together my favorites for the following week. Welcome!

I just so love semantic HTML and all the awesome things we get out of using HTML elements, all for freeeee! New-to-me in this short, sweet little piece: <meter>

Video from Liz Jackson on how “Empathy Reifies Disability Stigmas”

We need to start thinking critically about things that we perceive…


Illustrated full-color image of a tree, from Tim Smith’s article on coding with cognitive difficulties on CSS-Tricks. (I would love to know + credit the illustrator, please contact me if you do.) Medium, please, give me some alt-text.

Each week as I hop around on the #a11y-related web, I take note of the exciting things I find and put together my favorites for the following week. Welcome to week 6!

WebAIM Analysis of 1 Million Web Pages

The big #a11y news going around is this analysis of a million web pages, done by WebAIM, called “damning” and “demoralizing” by some accessibility experts. Conversely, they found that websites with ARIA labels were more likely, not less, to have a11y issues. How is this so? Implementing accessibility with an…


Image graphic of a word cloud in the shape of a brain, centered with the word “ADHD” and surrounded by words like “inattention,” “hyperactivity,” “treatment,” etc. MEDIUM, LET ME ADD ALT TEXT ALREADY! Perhaps one day I will be widely read enough for them to listen to me.

Each week as I hop around on the #a11y-related web, I take note of the exciting things I find and put together my favorites for the following week. Welcome to week 5!

But while researchers have tried hard to address some of the most egregious issues, there’s one group of people they have overlooked: those with disabilities. Take self-driving cars. Their algorithms rely on training data to learn what pedestrians look like so the vehicles won’t run them over. …


Screenshot from the VICE “How to Treat X” series of a young woman wearing a tracheostomy tube, with captions reading “I would prefer people didn’t pretend like my disability doesn’t exist.” Also, hey Medium! Can we add alt-text yet? No? WTF??!!

Each week as I hop around on the #a11y-related web, I take note of the exciting things I find and put together my favorites for the following week. Welcome to week 4!

Crossing the Border While Disabled, How We Get To Next

“Since the 2016 U.S. presidential election, many of my nondisabled American friends often blithely talk about leaving the country and settling elsewhere … When I post a comment mentioning the difficulties that a person with a disability faces when immigrating, the few replies are basically ‘I never knew.’ ”

Immigration…


Illustration by Miwon Yoon, from the New Yorker interactive except from “Deaf Republic” by Ilya Kaminsky. It is a watercolor image of two purple-blue hands doing a sign for “Match,” one hand pointing up into the palm of the other. Medium, why don’t you allow alt-text yet????

Each week as I hop around on the #a11y-related web, I’ll be taking note of the exciting things I find and putting together some favorites at the end of the week. Welcome to week 3!

(Apologies for almost missing this week — President’s Day and snow in D.C. threw me off! But we’re back in business, now!)

A11Y Color Contrast, Button Triads, and the new Pivotal UI Color Palette, Me!

“…I came to an epiphany: in modern UI design, we are rarely if ever using colors on pure black or white…Since I had optimized the “default” colors to…


Abstract illustration of the button triad colors and their use on dark and light UIs. Also, why doesn’t Medium support alt text yet? RUDE, MEDIUM.

Recently, I joined the Pivotal Apps Manager team with one express purpose: make it more accessible. I chose this team because its development team also builds and maintains the Pivotal UI style guide.

By improving the accessibility of AppsMan, as it is so lovingly called, I hope to abstract many…


Screenshot of accessible color combinations from Cloudflare.design, a new tool helping designers find accessible color combinations. Also, Medium still doesn’t allow for alt-text! Boy, that sucks.

Each week, as I hop around on the #a11y web, I’ll be taking note of the interesting things I find, putting together some favorites at the end of the week. Welcome to week 2!

Color, Cloudflare.design

“Color is my day-long obsession, joy and torment.
— Claude Monet

An absolutely fabulous new tool from the Cloudflare designers that allows you to explore, discover, or adjust your own accessible color combinations. …


Each week, as I hop around on the #a11y web, I’ll be taking note of the interesting things I find, putting together some favorites at the end of the week. Welcome to week 1!

A11Y.me

“A good start on web accessibility for you.”

Another great primer, similar to mine, constantly-updated and intended to help those looking to start out in a11y! I’ve already made it a bookmark.

A DIY Web Accessibility Blueprint, A List Apart

“Good accessibility is good UX. We should seek to create the best user experience for all. And we…


Doodle of some little people playing around with their environment by Raquel Breternitz. By the way, why doesn’t medium have alt text? Rude.

Last updated Apr. 2019

In an effort to begin actually using Medium again, I wanted my first post of 2019 to be related to #a11y — namely, where do we even begin?

After recently giving a talk on this for our San Francisco office, I’ve compiled a short list of some of my favorite #a11y resources. This by no means a complete list, just a compendium of where I, personally, started out.

I’d love to make this an…

Raquel Breternitz

Designer, writer, speaker, weirdo. Very good at reading the internet. Sometimes I get emotional about fonts.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store