Accessibility (ADA) Checker


 





Create Alt Text for Images

Who can use this feature?

Engage_-_System_Admin.png Engage_-_Slash.png Engage_-_Owner.png Engage_-_Slash.png Engage_-_Publisher.png Engage_-_Slash.png Engage_-_Author.png

 

Overview

All images need to have succinct, accurate, and equivalent alt (alternative) text. This will be read by screen readers and should present the content and function of an image.

Alt Text Tips and Requirements

  • Alt text should not contain redundant phrases like “image of” or “graphic of”
  • Alt text should not contain file extensions, such as .jpg. It should be easily readable and describe what is happening in the image.
  • If the image functions as a link, the alt text should describe where the image will take the user. For instance, if an image showed a Swoosh and linked to the Nike Website, appropriate alt text would be “Nike.” A screen reader would identify the link and add “site” or “link,” therefore writing “Nike Website” as alt text would be redundant and “Nike Logo” would not make sense.
  • Alt text for two images cannot be the same. If there are two photos of a river, for instance, on a page, either distinguish them by saying “River 1” and “River 2” or write more specific alt text such as “East side of the river” and “Close-up of river water”
  • If an image contains words, add as much of the text from the image as possible to the alt text (100 character limit).

Instructions

  1. Add an Image Widget to your page and select images to Insert
  2. Click Actions next to an image
    actions.png
  3. Select Modify
    modify2.png
  4. Add Alt text to clearly explain what is happening in the image
    alt_text.png
  5. Click Save
    save_content_images.png
  6. Insert the image
    insert_image.png
  7. Adjust the image on the page as desired and add a link if desired
  8. Click Save to save page changes
    000_save_page.png



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback