Using images in web content

Checklist for using images

You need to do manual and automatic checks to make sure images you use are accessible.

On this page

Using an image checks

Before you use an image in online content, ask yourself if:

  • you have evidence of a real user need
  • the image help users understand information in a different way
  • the images don't repeat information unnecessarily
  • you have the right to use the image (if copyrighted)
  • you have full written consent for photographs of people (and it has not expired or been withdrawn)
  • you can make critical information in images accessible to everyone who needs it
  • decorative images are truly necessary

Learn why it's important to consider when to use images in online content.

Manual checks

Before you publish content with images, make sure images:

For specific guidance on how to add images in different formats, like on web pages or in Word documents, go to How to create accessible content 

Automated checks

Each page in this guide suggests free tools you can use to help you check your images.

Do not rely on automated checkers to tell you your page is accessible. They can't find all issues. 

General automated checkers

Test for mobile devices

Be sure to check how your images appear for users on smaller screens, like a mobile or tablet device.

A quick way to do this is to resize your browser window on your desktop to narrow as it will go. This roughly simulates how mobile devices view your web page information.  

Test with a screen reader

We also recommend you learn how to use a screen reader to test how alternative text reads for your images.

The most popular free ones are:

  • NVDA for Microsoft devices
  • TalkBack (built in to Android phones)
  • VoiceOver (built in to Mac and Iphone devices) 

Microsoft has its own built in screen reader called Narrator, but we recommend you install NVDA screen reader for testing instead.

NVDA is a full screen reader and the most used screen reader for Microsoft devices (WebAIM).  

If you work for the council, you can request NVDA using a new software request form (council staff only)

Still need help 

If you have an issue with your web content that's not covered in this guidance, you can contact the Communications team for advice.

Related resources

Guidance on image accessibility

Web Content Accessibility Guidelines related to images