Source: Microsoft

Alternative text, also known as alt text or Alt Text, appears when you move your pointer over a picture or object. Alt text helps people who use screen readers to understand the content of images in your document. For many readers, this is the only information they have about the images and objects in your document. Alt text should be included for any of the following objects in your document:

  • Pictures
  • Clip Art
  • Charts
  • Tables
  • Shapes (that don’t contain text and are not in groups)
  • SmartArt graphics
  • Groups (all objects in this list, with the exception of shapes, should also have alt text when in groups)
  • Embedded objects
  • Video and audio files

Tips for Alt Text

Source: WebAIM

The alt attribute should typically:

  • Be accurate and equivalent in presenting the same content and function as presented by the image.
  • Be succinct. This means the correct content (if there is content) and function (if there is a function) of the image should be presented as succinctly as is appropriate. Typically no more than a few words are necessary, though rarely a short sentence or two may be appropriate.
  • NOT be redundant or provide the exact same information as text within the context of the image.
  • NOT use the phrases “image of …” or “graphic of …” to describe the image. It usually apparent to the user that it is an image. And if the image is conveying content, it is typically not necessary that the user know that it is an image that is conveying the content, as opposed to text.
  • Context is Important

Advanced tips for Alt Text for Images

Alt text in Pearson LearningStudio

Faculty can insert an image into the visual editor. Images cannot be inserted without providing the alt text aka description.

Insert an Image

  1. On the Visual Editor toolbar, click Add a Link or Insert an Image. The Add a Link window opens. If you don’t see the Add a link or Insert Image icons on the Visual Editor toolbar, you probably can’t add links to that particular element.
  2. Select Insert an Image, and click Continue.
  3. At this point, you can either:

Upload Image

  1. In the Descriptive text field, type the alternate text for the image. This text displays for students who cannot view the image.
  2. Click Browse to locate and upload the file.
  3. Select the Course Folder to upload the file to.
  4. Click Insert Image.
  5. Click Save Changes.

Select Image from Course Folder

  1. In the Descriptive text field, type the alternate text for the image. This text displays for students who cannot view the image.
  2. Select the file to link to.
  3. Click Insert Image.
  4. Click Save Changes.

Alt Text in Dreamweaver

Users can either go to the Insert Menu then Image, or select their image from the files panel. Once the image is selected, a box appears prompting the user to enter Alt Text.

Dreamweaver Alt Text