1. Accessibility & Legislation
  2. Common Issues
  3. Testing & Tools
  4. Analysing Your Site

2.01.02 Text equivalents: Images in context

Background

Alt attributes are used as succinct text equivalents for images. They contain a short description of less than 150 characters (less than 65 recommended). They describe the function of the image in relation to the text.

The choice of alt attribute is contextual. It can be completely different for the same image dependant upon the text.


Task

Consider each of the images presented below. Read the accompanying text and select an appropriate alt attribute.


What do you think the alt attribute should be?

Jonathan is better

All the bandages are off, as are the casts.

He's feeling a lot better too, and running around as if the accident had never ever happened.

Here's the most recent photo of Jonathan, as you can see his injuries have completely healed.

What would make an appropriate alt attribute for the image?


What do you think the alt attribute should be?

Dime laptops

The new range of notebooks come complete with a suite of programs designed to make your digital life easier.

Featuring good looks and ergonomic design. With a technical specification that's second to none.

A laptop so cool it even plays with the kids.

What would make an appropriate alt attribute for the image?


What do you think the alt attribute should be?

Pantone filter ST304S

A monochrome blue filter from the catalogue. The image depicts the filters effect as applied to the standard image. All red information is removed leaving only green and blue hues.

What would make an appropriate alt attribute for the image?