DEV Community

Cover image for How do you deal with a11y?

How do you deal with a11y?

Franco Scarpa on November 03, 2020

One thing I’ve always found difficult when developing my website was the color choice. I both love personal branding and make a website accessible ...
Collapse
 
erinposting profile image
Erin Bensinger • Edited

Excellent question! This is something I struggled with with my personal brand, too. I ultimately decided that contrast and accessibility is an important part of my personal values, so I needed to account for them. The way that I reconciled that was taking a few of my darker brand colors, saturating/darkening them until they met 7:1 contrast on a white background, and making some notes in my design system about which colors to use when conveying crucial information. For example, the darkest pink in my color palette was #B78689, and I adjusted it to #9C5E5F for use as text on buttons.

The color's not a perfect match with my original palette, and it's not my favorite color ever, but it's more accessible, which is ultimately more important to me (and to some of my readers, I'm sure!)

Collapse
 
francoscarpa profile image
Franco Scarpa

Thanks for your feedback!