Making images accessible

The information contained in diagrams, infographics, maps, illustrations and photographs must be accessible to readers who use assistive technologies such as screen readers. This means:

  • conveying information using more than just colour
  • adjusting colour contrast between figure elements and background to an appropriate level
  • ensuring that images have a brief written description (see Writing alternative (alt) text).

These apply whether the image is static or interactive.

To be accessible in Microsoft Word documents, all figures and images must be placed ‘in line with text’, not as floating images or with text wrapping.

This sections covers:

Colour and contrast for images

Colour helps users understand information. However, 9% of Australians have some form of colourblindness or vision affected by contrast. Users who are blind or colourblind, or have low vision will not be able to perceive information that is presented using just colour or colour difference. It is important not to rely on colours alone to convey meaning.

See Showing for more information about how to present visual material clearly and accurately.

Return to top

Writing alt text for images

All images require alt text.

Images can be integral or important to the text, or just decorative. If the image is important to the text, the alt text should provide a full description of it and what it shows:

Murrumbidgee River at Wagga Wagga showing the erosion of the bank caused by the combination of recent dry periods and stock incursions

However, if the description is lengthy and already included elsewhere in the document, the alt text can simply note this location (see Dealing with lengthy alt text):

Murrumbidgee River at Wagga Wagga (long description is in the caption text)

If the image is only decorative, set the alt text as follows:

  • in HTML, set as ALT=” “ (no space between quote marks)
  • in Microsoft Word, set as Decorative
  • In Adobe Acrobat, set as Background.

If the image is a photograph or illustration, it is not usually necessary to include phrases such as photograph of or image of in the alt text – this is inferred from the tag on the image that a screen reader will recognise. However, if the fact that the image is a photograph (rather than a painting or a cartoon) is important, include this in the alt text.

If the image is a diagram, include the type of diagram (eg Venn diagram, process map) in the alt text:

Venn diagram showing 2 intersecting circles. One circle is labelled Owls. The other circle is labelled Crows.
• Circle 1, Owls: eat mice and rats, have a hooked beak, use other birds’ nests.
• Circle 2, Crows: eat seeds and insects, build nests.
• Area of intersection: lay eggs, care for young.

It is important to add alt text for images because software programs may generate their own automatic alt text using image recognition. This automatic alt text may not have accurately recognised the image and may produce incorrect text.

For more information, see Writing alternative (alt) text.

Return to top

Additional resources for image accessibility

Colour design tools are available to help you choose a set of colours that work well together. Some examples are:

  • Stark – contrast checker, colour checker and colourblindness simulator
  • Color Safe  – aimed more for designers
  • WebAim Contrast Checker  – for checking size and contrast of coloured text
  • Color Tool – for checking contrast and colour palettes at the same time.
Return to top

User login

... or purchase now

An individual subscription is only A$60 per year

Group and student discounts may apply

Australian manual of scientific style Start communicating effectively

Purchase