Use of images

Image use and visual content

Visual content includes pictures, SmartArt graphics, shapes, groups, charts, embedded objects, ink, and videos.

There are four very simple things to consider when adding images to a web page or document.

  • use images that support the text
  • never use an image instead of text
  • use correct image sizes (on the web it is best to have images around 150kb)
  • use alt text on images

The Microsoft Office Accessibility Checker (opens in a new window) will list any accessibility issues in your document, including lack of alt text on images.

Why add alt text?

Alt text is used to provide an alternative description of the image for those people who are unable to view it. This may include people with visual impairments who use screen readers as well as people using text only browsers. 

Alt text is also useful if the image fails to load properly.

Avoid using text in images as the sole method of conveying important information. If you must use an image with text in it, repeat that text in the document.

How to do it

Include alternative text (alt text) with all visuals.

Further information about using meaningful alt text with images can be found at WebAIM alternative text (opens in a new window)

Creative Commons Licence
SCULPT by Helen Wilson is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Based on work at Worcestershire County Council.

Date published: 29 March 2023
Date updated: 5 September 2023

Feedback

Your feedback will help us to improve this site. Please don't provide any personal information.  Feedback form

Enquiries should be submitted using by email to sportscotland.enquiries@sportscotland.org.uk