We're creating a new front-end 'Experience Kit'

For more information go to the #Experience-library-support Slack channel (Co-op colleagues only).

Last reviewed: 4 Oct 2024

Content guidelines

Alternative text

Alt text describes an image and its purpose for people who cannot see an image, such as screen reader users and those with a slow internet connection.

Guidelines

Provide alt text if you’re using images that add meaning and context to the content. These images could be:

  • from a marketing campaign
  • stock imagery that provides more meaning to advice articles
  • of products on an online shop

Alt text is shown when an image cannot be displayed. It makes your webpage, email or social media post more accessible for people using screen readers. It also helps search engines understand what an image is.

When writing alt text:

  • use keywords in a natural-sounding way
  • keep it short and precise – it should be less than 125 characters long
  • describe relevant elements of the image – for example, only include colours if they add meaning or useful context
  • do not include the words “picture of” or “image of” – screen reader users hear this anyway when alt text is read out

You do not need to provide alt text if:

  • an image is only decorative, such as page dividers or shape graphics
  • the content of the image is written in surrounding content
  • an image has been used already on that page (to avoid repeating content)

Add alt text when you’re uploading an image into the content management system (CMS) or social media platform. There will be a field to add it in.

If you don’t need to add alt text, leave the field blank in the CMS.

Examples

A paper shopping list of bread, eggs, milk and broccoli, attached to a fridge with a Co-op member prices magnet.

Good alt text

A paper shopping list of bread, eggs, milk and broccoli, attached to a fridge with a Co-op member prices magnet.

Bad alt text

Shopping list picture for member prices home page card.

Two people walking in a forest during autumn.

Good alt text

Two people walking in a forest during autumn.

Bad alt text

Image_2.jpeg

Changelog for this page

Date Notes
4 Oct 2024 New version of content bringing exisiting guidance together
23 Sept 2021 First version of page published

Get support

Ask us about anything that’s featured on the Experience Library, or any questions about design, content or development.

#experience-library-support

Co-op Experience Library

Get email updates

Find out about the latest content, changes or developments to the Experience Library.

Sign up

Copyright © Co-operative Group Limited. All rights reserved.