JavaScript is required

Images

We often use still images, graphics, icons and infographics to communicate. It is important to consider whether you need to use these images in your communication. If you do, it is important to make sure they are accessible.

When to use images

Your images must directly relate to the content and help you clearly communicate your message. It must add value beyond simply being decorative. Only include images that visually support your text, explain complex concepts or provide context.

Images of text

Do not use images of text. They are often inaccessible and hard to read on small screens. Use actual text instead to ensure readability. If text in an image is necessary, provide the same information in an accessible format, such as a caption or alt text.

Alt text

Alt text (alternative text) is a brief description of the image. All images must have alt text provided.

For more information, Microsoft Office has a helpful article on everything you need to know about alt text.

Colour contrast

Colour is an important part of visual communication but can present challenges for users with colour vision impairments.

Do not rely solely on colour to convey meaning. Instead, use patterns, labels, or text alongside colour to ensure the message is clear to all users.

It is also important to make sure the colour contrast between text and background meets accessibility standards.

Use free products like the WebAIM colour contrast checker to make sure you have the required colour contrast.

Updated