How do I add alternative text to images for accessibility?

You can add text descriptions (alternative text) to your images in edit mode.

To help screen readers relay your information, it is important that you describe the images you add to your image areas. To do this:

  1. Toggle on edit mode
  2. Find the existing image or upload a new image to the image area
  3. Below each image in your image area you will see a text box into which you can add your image description
  4. Add the description of your image here, this will automatically save

image-alt-text-interface

When describing the image try to give as much detail as possible, this description will be read out by screen readers in order to describe your image to your users.

When an image contains words that are important to understanding the content, the description should include those words. This will allow your alternative text to play the same function on the page as the image. Note that it does not necessarily describe the visual characteristics of the image itself but must convey the same meaning as the image.

You can learn more about alt text best practice here.