Date: 09/12/06 (WebDesign)    Keywords: css, html

I'm using the method described here to create rollovers via CSS, but I have a question about accessibility.

I'm making a rollover for a "Zoom Images" button. The button is entirely image-based (no html text). Normally, for an image-based link, I'd just add the "Zoom Picture" text to the alt tag for accessibility, but since this method is based on background images, there's not really any way to do that.

This method was featured on A List Apart, and I'd be surprised to see them promote something that wasn't accessible, so maybe I'm missing an easy method here. Obviously, I could just adapt the link to be partially text-based, but I'm wondering if there's another way...

Source: http://community.livejournal.com/webdesign/1164022.html