8. Tested on web only: Image descriptions

Do informative and functional images have alt text? The following types of images need alt text:

  • Images that communicate information
  • Images of text
  • Images that are part of a link or a button (where there is no other descriptive text inside them).

Reference: Understanding Success Criterion 1.1.1: Non-text Content

Do decorative images have blank alt text (alt="")? Decorative images can be defined as:

  • Images that do not provide any information to sighted users, or
  • Images that compliment text inside a link or button.

Reference: Understanding Success Criterion 1.1.1: Non-text Content

Tips:

Links that only have an image within them should have an alt-text that describes the destination of the link, not the description of the image.

How to test:

  1. Right-click on the image with the mouse and select "Inspect". The code inspector should be displayed.
  2. Look for the 'alt' attribute in the code.
  3. Confirm that the 'alt attribute' clearly describes the image.

Example:

Example descriptive alt text for an image
Example descriptive alt text for an image

 

Last updated