WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Text over images


From: John E Brandt
Date: Jul 31, 2015 10:11AM

@mallory - ditto "losing the battle" - this and low contrast are my pet peeves. What's with all the gray!


John E. Brandt
jebswebs: accessible and universal web design,
development and consultation
Augusta, Maine, USA


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of _mallory
Sent: Thursday, July 30, 2015 4:44 AM
Subject: Re: [WebAIM] Text over images

I'm seeing this too, and am losing the battle with the graphic designer on our own website. Pretty much nothing is readable.

For more level heads, you might be able to offer both: I'll bet it's not much more than a few lines of code to offer users a button where they can replace the images with solid background colours.

Or, behind most images ought to be a solid colour, so the images can get a class making them display: none.

This way it's easy for developers to fix, it gives at least the possibility of control to users, and lets the graphics-people have their unreadable-but-hip-looking cake.

So not so much of a "you can't do this because it defeats the whole purpose of the website!" but a "This is a problem but here's a possible fix that shouldn't cost devs much time." Maybe even make the button sticky to the side of the page like some sites do with social media buttons.

On Wed, Jul 29, 2015 at 07:43:36PM +0000, <EMAIL REMOVED> wrote:
> I’m seeing a design direction that concerns me where HTML text is laid over a translucent field of color that is layered over an image.
> The text is usually white over a darker background. Sometimes it’s simply the busy-ness of the two together that presents a cognitive challenge, a reading/focus conflict between the image and the text where neither is sufficiently distinct.
> Our target is AA compliance. Sometimes I can use color contrast as an argument not to do this, darkening the translucent field to achieve better contrast. We can strive for the AAA requirement "1.4.8 Visual Presentation" but I don’t have a “stick" I can use to get that done. I only have a “carrot” where I try to explain the challenge for folks with cognitive issues, attention deficit, universal design principles, etc.
> I also try something like “which do you want your audience to read – the text or the image?” In the current applications that I’m seeing, both means neither are readable.
> Is this a battle I should be waging? If yes, suggestions? If no, why?
> Thanks,
> Judith Blankman
> Accessibility Strategist
> Customer Experience (CX)
> WFVC Digital | 1 Front Street | San Francisco, CA 94111
> Tel: 415-947-6583 | Cell: 415-601-1114
> MAC: A0195-171
> j<mailto: <EMAIL REMOVED> >udith.a.blankman@wellsfargo.
> com<mailto: <EMAIL REMOVED> >
> > > archives at http://webaim.org/discussion/archives