RE: Use of sprite images that conform to WCAG 2.0 1.1.1guideline

Hi,

> Would this technique be sufficient for these particular images and 
> WCAG guideline, if screen readers can access the hidden text, or is it 
> required for the text to be visible when images have been disabled?

I don't think it is about images being disabled. The technique is suitable for screen readers, but not necessarily for partially sighted users, e.g. when using contrast mode. The problem in your description is using background images, which are often not displayed in contrast mode. So

* if the text is displayed in contrast mode, then your code should pass 1.1.1.
* if the text is not displayed in contrast mode, then the image must be displayed in contrast mode, i.e. via <img /> or a different CSS technique.

I have written about the subject in German:
http://www.barrierefreies-webdesign.de/knowhow/symbole/generierte-inhalte-mit-content.html
(http://bit.ly/17WiUeX) 

The described code for <button>, <input> and <a> can be downloaded at the bottom of the page, for <a>:
http://www.barrierefreies-webdesign.de/knowhow/symbole/download/css-sprites-mit-links-und-content.zip

HTH
Jan

Received on Monday, 23 September 2013 09:31:15 UTC