βœ…

Verify Alt Text

Overview

This procedure will inform you on how verify the presence of alt text on a web page.

Who can do this

Anyone

What you need

  • Testing Environment
  • Access to developer's tools, such as Inspect (in Chrome)
image

Steps

To start, establish which of these are true for your situation:

  • If there is no alt text in the content, there is nothing we can do in the code. No alt text will appear.
  • Some images don’t need alt text (if they are just decoration, for instance)
  • If we are in charge of content entry, it is our responsibility to make sure there is alt text on all images which should have it. If the client is in charge of content entry, we aren’t responsible for ensuring that alt text is present everywhere (though we strongly lobby for it since it is so critical for accessibility).
  • On sites without a CMS, we are always in charge of content entry.

So, here is how you should check.

If there is a CMS...

Test to make sure that if alt text is set on an image in the CMS, the alt text appears on the image element in the code. You have to use the CMS to test this.

  • If we are responsible for content...
    • Test that all images which should have alt text (non-decorative images) have alt text assigned (you can test this via the frontend, or in the CMS itself, whatever you want)
  • If we are not responsible for content...
    • Do a quick check to see how much alt text the client is entering. If they are not entering any, we should bug them about it so that they are more likely to do it.
If there is no CMS...

Test the frontend to make sure that all non-decorative images have alt text.