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 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.
For specific accessibility guidance for graphs and tables, see Graph accessibility and Table accessibility.
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 Visuals and data for more information about how to present visual material clearly and accurately.
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:
However, if the description is lengthy and already included elsewhere in the document, the alt text can simply note this location:
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 (e.g. 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 Alternative (alt) text.
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(Opens in a new tab/window) – contrast checker, colour checker and colourblindness simulator
- Color Safe(Opens in a new tab/window) – aimed more for designers
- WebAim Contrast Checker(Opens in a new tab/window) – for checking size and contrast of coloured text
- Color Tool(Opens in a new tab/window) – for checking contrast and colour palettes at the same time.