Skip to main content
CSS is fun and cool and I like it.

Articles Tagged accessibility color

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
6 Articles
{
,

}
Link

WhoCanUse

Avatar of Chris Coyier
Shared by
Chris Coyier

There are loads of microsites and developer tools for looking at color accessibility, including tools built right into browser DevTools. They often show you if a color passes AA or AAA WCAG guidelines. But color contrast is more complicated than that because there is a wide variety of vision impairments.

This site from Corey Ginnivan takes two colors and then shows you a simulation of different vision types (e.g. Tritanomaly, trouble distinguishing blues) and whether the colors still pass OK. … Read article

Our Notes   /   Read at whocanuse.com
Link

Designing accessible color systems

Avatar of Robin Rendle
Shared by
Robin Rendle

The team at Stripe explores how they’re refining their color palette to make it more accessible and legible for users across all their products and interfaces. Not only that but the team built a wonderful and yet entirely bonkers app for figuring out the ideal range of colors that they needed.

We built a web interface to allow us to visualize and manipulate our color system using perceptually uniform color models. The tool gave us an immediate feedback loop while

… Read article
Our Notes   /   Read at stripe.com
Article

Color contrast accessibility tools

Avatar of Robin Rendle
Author
Robin Rendle
7 Comments
Go to Comments

Accessibility is all the rage these days, specifically when it comes to color contrast. I’ve stumbled upon a couple of tools this week that I think are pretty nifty for helping make sure that all of the text on our websites is legible regardless of what background color they might have.… Read article

Article

CSS Variables + calc() + rgb() = Enforcing High Contrast Colors

Avatar of Josh Bader
Author
Josh Bader
17 Comments
Go to Comments

As you may know, the recent updates and additions to CSS are extremely powerful. From Flexbox to Grid, and — what we’re concerned about here — Custom Properties (aka CSS variables), all of which make robust and dynamic layouts and interfaces easier than ever while opening up many other possibilities we used to only dream of.

The other day, I was thinking that there must be a way to use Custom Properties to color an element's background while … Read article

Article

Re: Pleasing Color Palettes

Avatar of Chris Coyier
Author
Chris Coyier
7 Comments
Go to Comments

There are so many tools out there to help you pick colors. I totally get it! It's hard! When colors are done well, it's like magic. It adds a level of polish to a design that can really set it apart.

Let's look at some, then talk about this idea some more.… Read article

Article

Creating a VS Code Theme

Avatar of Sarah Drasner
Author
Sarah Drasner
1 Comment
Go to Comments

Everyone has special and perhaps, particular, tastes when it comes to their code editor. There are literally thousands of themes out there, and for good reason: a thing of beauty and enhancement to productivity for one can be a hindrance to another.

It’s been an item on my bucket list to create my own theme. I was coding very late the one night, well into the small hours of the morning. Everyone in my house was sleeping and so, as … Read article