WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: media types; css


From: Keith Parks
Date: Apr 21, 2009 4:30PM

On Apr 21, 2009, at 2:50 PM, pixels 256 wrote:

> (2) I want to toggle between a cool background image (say,
> linewave.gif)
> for the screen and some (replacement) words in print.
> For the XHTML, I have -
> <div id="logo">
> <img src="graphics/blank.gif" height="72px" alt="Hello1" />
> </div>
> <div id="title">
> <h1>Hello2</h1>
> </div>
> For its CSS, I set #title {display:none} for screen.css and #logo
> {display:none}
> for print.css because I don’t want the redundancy of having both
> “Hello1”
> and “Hello2” read by a screenreader. Can those who use a
> screenreader (or
> visitors who choose to have images turned off) be able to view the
> alternative text in the <img> tag on their screen?

I'm a bit confused by your image names and description.

How exactly is the "linewave.gif" image incorporated, and is your
image "blank.gif" a transparent image (as is typical of images with
that name), or is it an image of the "Hello" text?

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


World Peace through Cascading Style Sheets.