Accessible Tech Challenge

Image Descriptions (alt-text and long descriptions)

Introduction

Image descriptions provide an important text alternative for visual content in a document or Canvas content page so that it is meaningful to everyone, including students who use screen readers, other assistive technologies, or experience problems loading images in their browser. Effective image descriptions communicate the purpose and key information of an image rather than its visual appearance alone. Short descriptions, often called alt-text (short for alternative text), are typically used for simple images and should be brief and to the point (approximately 140 characters or less), while longer descriptions are appropriate for complex visuals such as charts, diagrams, or infographics that require additional explanation. Images that are purely decorative and do not contain important instructional information do not require desriptions and should be noted as decorative within the editor you are using. Together, the short (alt-text) and long descriptions help ensure that essential information conveyed through images is accessible, understandable, and usable for all learners.

For instructors in STEM fields and other visually intensive disciplines, image descriptions can be especially challenging because these images often convey data, relationships, processes, or spatial information. Short alt-text works well for icons, photos, or simple visuals with a single purpose, but can quickly reach their limit for graphs, flowcharts, equations rendered as images, maps, or multi-part diagrams. In these cases, a longer description is often necessary to explain trends, comparisons, steps, or conclusions that sighted students can see at a glance. The goal is not to describe every visual detail, but to ensure that all students can access the same instructional meaning conveyed by the image, regardless of format or discipline. Providing a companion accessible data table of the information presented in a chart or graph can be an effective way to provide the information. Determining what to include in the description is usually best determined by the subject expert. 

Options for including long descriptions:

  • Added directly in the document or Canvas content page near the image
  • Included on a separate appendix page that is linked from the page with the image.  Make sure to also provide a link back to the original location to support easier navigation.
  • A link to an appendix page from an image caption
  • A link to an appendix page from the image directly
  • For presentations (PowerPoint, Google Slides) you can add long descriptions in the speaker notes section.  Screen reader users can navigate to this portion of the presentation.  Direct the user to the speaker notes by referencing them in the Alt Text description for the image: "See speaker notes for full description".

Infographic title Accessible Tech which show the 5+2 elements for accessible content.  These elements are list, image descriptions, descriptive links, structured tables, and headings.  Also displayed are icons representing color contrast and color use for meanings.