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