Alt Text - Information For This Demo

Quick tip: Make a decision for every image on a page: does it provide meaningful information? If so, the information provided by the image must be provided in text.

How to test this issue

  • Test technique: WAVE.
    • WAVE will the show whether alt text is provided for images, and will display the actual text when provided.
      • If no alt text is provided, use your judgment to decide whether alt text is needed. Most images should have alt text.
      • If alt text is provided, use your judgment to decide if the alt text is meaningful.
      • If null alt text is set, use your judgment to decide if text should have been provided.
  • Alternate Test technique: Image Bookmarklet.
    • The Image bookmarklet will display the alt text (or lack of alt text) for images.
  • Note: Remember to verify the spelling of the alt text too.

Failing WCAG Guidelines and Test Tips

For this demo, the following WCAG guidelines fail:

  • 1.1.1: Non-text content