Programming Sass to Create Accessible Color Combinations
We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed.
Jason Hogue
on
Articles Tagged
accessibility color
10 Articles
Understanding Web Accessibility Color Contrast Guidelines and Ratios
What should you do when you get a complaint about the color contrast in your web design? It might seem perfectly fine to you because you’re able to read content throughout the site, but to someone else, it might be …
Stacie Arellano
on
(Updated on )
The Best Color Functions in CSS?
I’ve said before that HSL is the best color format we have. Most of us aren’t like David DeSandro, who can read hex codes. HSL(a) is Hue, Saturation, Lightness, and alpha, if we need it.
hsl(120, 100%, 40%)Hue …
Chris Coyier
on
A Whole Bunch of Places to Consider Contrast in a Single Paragraph
When we’re thinking about choosing colors in design, we’re always thinking about accessibility. Whenever colors touch, there is contrast and, if we’re talking about the color contrast of text, it needs to be high enough to be readable. This benefits …
Chris Coyier
on
(Updated on )
WhoCanUse
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 …
Shared by
Chris Coyier
on
Designing accessible color systems
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 …
Shared by
Robin Rendle
on
Color contrast accessibility tools
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 …
Robin Rendle
on
(Updated on )
CSS Variables + calc() + rgb() = Enforcing High Contrast Colors
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 …
Josh Bader
on
(Updated on )
Re: Pleasing Color Palettes
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 …
Chris Coyier
on
Creating a VS Code Theme
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 …
Our Learning Partner
Frontend Masters
