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

2.01.05 Text equivalents: Text in images

Text in images

When text appears in images it is important to convey any added meaning via alt attributes.

Headings as graphics

Where graphics are used as headings the alt attribute should contain all of the text the graphic displays.

The graphic should be placed in a heading element too.

<h2><img src="headings_as_graphics.gif" width="210" height="30" alt="Headings as graphics" /></h2>

It should be remembered that screen magnification software will pixilate the image beyond recognition.

Wherever possible text should be in plain text and not in graphics.


Consider the following image and text.

Album sleeve of 'Youth culture' by The NY Corporation

Youth Culture

In the late twentieth century the global corporations took an interest in the rapidly expanding youth marketplace, purchasing that which they failed to earn for themselves.

The Indignant reformed in the early nineties, renaming themselves The NY Corporation to bring alive this work of political dissatisfaction with the onset of global corporations attack upon the youth of the day.

What would make an appropriate alt attribute for the image?