[uf-discuss] making img machine-readable

[Guillaume Lebleu]

Hi,

Let's say a web page uses an image such as a checkmark or green/red 
light to represent a boolean, for instance the availability/status of a 
product or a program.

What would be the suggested best practice to make this human-readable 
content machine-readable as well?

I was thinking about the following options:

<img class="status" src="../red.gif" title="available"/>, which is 
similar to the abbr pattern, but saves the addition of a wrapping abbr 
element.

or using a CSS-based text by image replacement technique as described in 
http://www.stopdesign.com/articles/replace_text/ to replace a <span> 
with an image.

Thanks,

Guillaume