E-mail List Archives
Re: Image sprites and Accessibility checking
From: Seth Kane
Date: Feb 25, 2009 3:35PM
- Next message: dean@bushidodesigns.net: "Help with help icons"
- Previous message: Christian Heilmann: "Re: Image sprites and Accessibility checking"
- Next message in Thread: ben morrison: "Re: Image sprites and Accessibility checking"
- Previous message in Thread: Christian Heilmann: "Re: Image sprites and Accessibility checking"
- View all messages in this Thread
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
- Next message: dean@bushidodesigns.net: "Help with help icons"
- Previous message: Christian Heilmann: "Re: Image sprites and Accessibility checking"
- Next message in Thread: ben morrison: "Re: Image sprites and Accessibility checking"
- Previous message in Thread: Christian Heilmann: "Re: Image sprites and Accessibility checking"
- View all messages in this Thread