WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: media types; css

for

From: ben morrison
Date: Apr 21, 2009 5:30PM

On Tue, Apr 21, 2009 at 11:29 PM, Keith Parks < <EMAIL REMOVED> > wrote:

>
> 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?
>

I'm confused too.

What are you trying to achieve, to me it looks like duplicate content that
is not needed.

Can we solve one issue at a time.

Web should convey?

Print should display? ... most default print settings do not print any
background images

Ben

--
Ben Morrison