WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Making HTML text invisible to screen readers.

for

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
property...

<http://www.w3.org/TR/REC-CSS2/aural.html#speaking-props>;

<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
mailto: <EMAIL REMOVED>
http://www.sa.sdsu.edu/communications

http://kparks.deviantart.com/gallery
----------------------------------------------------------

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