WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Making HTML text invisible to screen readers.


From: Keith Parks
Date: Nov 15, 2007 2:50PM

On Nov 15, 2007, at 1:06 PM, Austin, Darrel wrote:

> Normally, when putting images on a web page, one sets the alt
> attribute
> to blank for any decorative/non-content related image.
> I have a situation where we're placing a random, decorative image
> on our
> site's banner, along with a caption.
> This is purely decorative (it randomly shows a picture of one of our
> buildings with the name of the building). Because it's decorative, I'm
> just putting it as a background image in an empty DIV. However, the
> caption is text based, so has to be part of the HTML markup. Short of
> having someone render all the captions as text, is there any method to
> mark this as 'not important' for a screen reader?

In theory, this could be handled through an aural style sheet


<span style="speak:none;">The XYZ Building</span>

But I understand aural style sheets are poorly supported still. :^(

Keith Parks
Graphic Designer/Web Designer
Student Affairs Communications Services
San Diego State University
San Diego, CA 92182-7444
(619) 594-1046


(Objects on your screen may be closer than they appear)