E-mail List Archives
Thread: color cotrast
Number of posts in this thread: 2 (In chronological order)
From: Lucy GRECO
Date: Tue, Dec 13 2022 3:51PM
Subject: color cotrast
No previous message | Next message →
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 <https://technology.berkeley.edu/home>
Lucy Greco, Web Accessibility Evangelist
Campus IT Experience
Phone: (510) 289-6008 | Email: = EMAIL ADDRESS REMOVED = |
https://webaccess.berkeley.edu Follow me on twitter @accessaces
We champion diversity. We act with integrity. We deliver. We innovate.
From: Matthew Deeprose
Date: Wed, Dec 14 2022 2:56AM
Subject: Re: color cotrast
← Previous message | No next message
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