WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Removing CSS Background image for legibility an Accessibility requirement?

for

From: Patrick H. Lauke
Date: Mar 16, 2022 2:45AM

On 16/03/2022 01:37, David Engebretson Jr. wrote:
> And, I wonder, with reflow in play:
>
> How can any visual designer test all of the possible instances? I ponder how many different devices, resolutions, and screen sizes there might be...
>
> As a formerly sighted person the task seems ominous to me. I'm hoping you will enlighten me how a segment of a background image that is white will allow my low vision and/or color blind colleagues have equal access to HTML text that is also white...

There are a few options for designers:
* plan all their responsive/adaptive layouts carefully so that text is
guaranteed never to fall over parts of the image that result in contrast
that's too low
* modify the background image to guarantee that nothing is too bright
(darkening the lightest parts of the image, maybe overlaying a dark
gradient over the original image if they know that text will be placed
over a particular section, like the bottom third)
*add an explicit solid backplate/background behind the text, or a
contrasting outline or strong drop shadow or glow behind the text, to
make it contrasting regardless of background image

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke