Technology Help Website: Add or Edit Alternative Text

Alternative text, or "alt text", provides a text equivalent for images, charts, graphs, and more. This article discusses how to add Alternative Text in the Technology Help Website (it.umn.edu) via Drupal.

Before adding or editing Alternative Text in the Technology Help website, familiarize yourself with the importance of Making Images Accessible Using Alternative Text.

This article covers the following topics:

Setting the alt text attribute on a Drupal page

When you add an image in a page on the Technology Help website, you must provide alternative text using the alt text attribute. 

  1. After Uploading an Image or Using an Existing image, select Edit next to the image.
    Example FrankenGoldy image with an Edit button option
  2. Fill out the Alternative text field. The HTML attribute is automatically generated when you fill out the Alternative text field in the image's Edit mode.Edit image window, image information filled out including the Alternative Text field and Title field.
  3. What you enter into the Alternative Text field depends entirely on the image's context. A good guideline here is to think: what meaning is a sighted user deriving from this image? Then, use that information to write your alt text. This will ensure that anyone who can't see the image is still getting equal access to its meaning. 

Additional resources

Last modified

Changed

TDX ID

TDX ID
6865