Using Alt Text to Improve Site Experience

The Alt text attribute in an HTML img tag, following the attributes for width, height, and src (source).

Alternative (Alt) text provides a textual description of your image. It is an HTML attribute that was initially intended to provide information about an element if the page did not render correctly. In the days when websites were accessed over slow dial-up modems, images were often very slow to load.

Today Alt text is an important usability element for sight-impaired users. It is also used by search engines and can be a useful way to improve search rankings.

Some tips for writing Alt text:

  1. Keep it short. You don’t need to use “photo of” or “image of.”
  2. Keep it contextual. What story does this image tell that corresponds to the rest of your content?
  3. If the image is clickable, tell the user what to expect when the image is clicked-on.

SOURCE Harvard University Write good Alt Text to describe images

NOTE The site has plenty of good examples, especially for writing Alt text for diagrams and charts.

SEE ALSO An Alt decision tree courtesy of the W3C

Also on Wild Rye

For free image resources:
Free Stock Photography — From the Smithsonian

Photo Bonanza — Library of Congress Posts Public Domain Image Archive

Previous Article

Structure emerges while working with notes

Illustration of a distributed nework showing how posting, combined with reshaping, reaches nodes distant from the original poster.
Next Article

Should I Federate My Blog?