WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: color cotrast

for

From: Matthew Deeprose
Date: Dec 14, 2022 2:56AM

Hi Lucy

Do you mean contrast of text over background images?

I often use this tool, the Optimal Overlay Finder https://codepen.io/yaphi1/live/oNbEqGV to help with that, it's from this blog post, Nailing the Perfect Contrast Between Light Text and a Background Image by Yaphi Berhanu: https://css-tricks.com/nailing-the-perfect-contrast-between-light-text-and-a-background-image/

There's other techniques of course like adding an outline around the text to increase contrast although it can make the text look more like "Meme text". I've seen some use drop shadow as another technique or add a solid background behind just the text.

If you mean a different issue with colour contrast and background images please share.

Take care

Matt Deeprose
University of Southampton

-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Lucy GRECO
Sent: 13 December 2022 22:51
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] color cotrast


can some one send me a link or two on how to comply with color contrast when deeling with background images. thanks lucy


Berkeley IT

Lucy Greco, Web Accessibility Evangelist

Campus IT Experience
Phone: (510) 289-6008 | Email: <EMAIL REMOVED> |
Follow me on twitter @accessaces

We champion diversity. We act with integrity. We deliver. We innovate.