[uf-discuss] making img machine-readable
gl at brixlogic.com
Wed Jul 11 16:32:21 PDT 2007
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
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.
More information about the microformats-discuss