Adding an image to a Word document, PowerPoint presentation, or a Web page is a great way to illustrate concepts or help learners to recognize and identify objects, art, people, etc. Images are especially appropriate for learners with some types of cognitive and reading impairments. However, for visually impaired users, images may be obstacles to learning unless text equivalents for each image are provided.
When visually impaired users using screen readers encounter images, equivalent text-based descriptions should be provided. When the screen reader comes to an image, it will read the text-equivalent to the user.
There are two types of text equivalents:
Alternative Text: Identifies subject of image
Long Description: Provides a detailed description of the image when needed.
Text equivalents are not visible on a page or document. They are hidden and accessed only through screen readers which read them back to users.
Alternative text is used to describe the subject of an image. Alt text is not visible on the web page. It is read to visually impaired users with screen readers. Use alternative text for every image except those that are strictly decorative. Decorative images do not need text equivalents.
Alternative text should:
Identify the subject of the image.
Use as few words as possible.
Adding Alternative Text to Images
Folio provides course developers with an alternative text prompt when inserting an image. If you place an image in Word or PowerPoint, right-clicking on the image allows you to edit the properties and add alternative text.
Some images may require text equivalents of more than just a few words. If this is the case, the best solution is to:
use alternative text, and
add a written description to the document or add a “long description” to the HTML code
Written Description or “Long Description?
If you wish for all students to read a detailed description add it to the same document as the image. If you wish the description to be available only to visually impaired users with screen readers, use a “long description”.
The purpose of this image is to illustrate the distinguishing characteristics of a male peacock.
When writing descriptions for technical images and data graphics, only those visual details needed for understanding the concept are included in the description.
The purpose of this image was to illustrate the velocity profile of laminar flow in a pipe.
Alternative text: Velocity profile of laminar flow in a pipe.
Description: This diagram shows fluid flowing through a pipe along the x-axis in parallel layers with minimal disruption. Velocity arrows are shorter on the edges, representing a slower velocity vx and longer in the center, representing a faster. The edges of the arrow form a parabola and represent the “velocity profile.”
Sometimes you may wish students to independently analyze and summarize an image, in which case a detailed description would be counter-productive to your learning goal. In these situations, use a “long description”. Long descriptions are detailed descriptions of images that are embedded in the HTML code of a web page and not visible on the web page. Like alternative text, they can only be accessed by users with screen readers. Because a visually impaired user has accesses to the description you will probably need to evaluate their understanding of the image using a different assessment than the rest of the class.
If you want to use “long descriptions” please contact an instructional designer at the Center for Online Learning since they must be encoded into the web page.