WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Image sprites and Accessibility checking

for

From: Seth Kane
Date: Feb 25, 2009 3:35PM

If you are using the FIR Technique (ie. Image Sprites) you just want to
represent the context/content of what the image is in the DIV, A, Etc...
of what you are using as the sprite. No more Alt Tags.

Old way.... <a href="#"><img src="something.jpg" alt="Click this button
to a new page"></a>


New Way...

<a href="#" id="button">Click this button to a new page</a>
<style>
#button {
Background: url(something.jpg) no-repeat;
}
#button:hover{
Background-position: -50px 0px;
}
</style>

Seth Kane Sr. Presentation Layer Developer


-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Cullom, Adria
Ellen
Sent: Wednesday, February 25, 2009 4:13 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] Image sprites and Accessibility checking

Hi,

I'm wondering if you guys at WebAIM or anyone on the list has had
experience with image sprites and accessibility testing. In particular,
since image sprites eliminate the use of the <IMG> tag, how do you check
for missing alt text? Any insight would be appreciated.

Thanks!

-- Adria Ellen Cullom