W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > July to September 2013

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

From: Jan Eric Hellbusch <hellbusch@2bweb.de>
Date: Mon, 23 Sep 2013 11:30:46 +0200
To: <w3c-wai-ig@w3.org>
Message-ID: <005f01ceb83f$95713d80$c053b880$@2bweb.de>
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

This archive was generated by hypermail 2.3.1 : Tuesday, 13 October 2015 16:21:49 UTC