3.6 Images and Alt Text

Including relevant images in course content is a great way to improve student engagement. Selecting images that support your content can help convey new meanings about course concepts and make them more relevant to learners. However, despite their benefits, images can be quite ambiguous or even invisible for students with visual impairments.

Most images require alt text (short for “alternative text”) to be made accessible. Alt text serves as a description of an image for students with visual impairments. If your image didn’t load, what would you write in its place? So, the most important guideline is:

✅ Add alt text to any image that is not decorative. To write alt text in your documents and Canvas pages, follow these steps:

• Microsoft Word documents
  1. Right-click the image
  2. Click “Edit Alt Text”
  3. If the image does not require alt text, click the checkbox beside “Mark as decorative”; otherwise, add your description in the “Alt Text” pane to the right (if this field contains auto-generated text, be sure to delete it)
  4. Close the Alt Text pane
• Canvas pages
  1. While in the page editor, click the image
  2. Click “Image Options”
  3. If the image does not require alt text, click the checkbox beside “Decorative Image”; otherwise, add your description in the “Alt Text” field
  4. Click “Done”

When editing Canvas pages, you can easily find images that may need alt text using the Accessibility Checker (see image below). This tool will highlight every image on a page that should either include descriptive alt text or should be marked as decorative, as well as indicate other helpful revisions to improve accessibility.

Consider the following when writing your alt text to ensure it is helpful and conveys meaning.

✅ Leave out unnecessary information. For example, alt text doesn’t need to include “Picture of…”. Screen readers will convey that it’s a picture by starting to read the alt text by saying “graphic: …” at the outset. Focus on the content of the image and how it supports student learning.

✅ Avoid redundancy. Do not include information that appears elsewhere on the page. Screen readers will pick up all text content, so repetition may simply distract, if not annoy, a student using a screen reader.

✅ Keep alt text concise, when possible. Aim for one or two sentences, at most. Lengthy alt text can disrupt the flow of reading for students with screen readers (most screen readers will repeat the word “graphic” after 125 characters). If your alt text needs to be longer than 125 characters, follow the recommendation below.

✅ When images are too complex for concise alt text, include your description elsewhere. Some images are too complex to describe in two sentences. In these cases, do not use the “Alt Text” field. Instead, write your description either in text that is adjacent to the image (e.g., in nearby body text, in a caption, etc.), or use a clear “Image Description” link and a separate page to write the description.