Images

The most appropriate alternative text for your images will depend on the context of the image. It is important to take into account the purpose and also the surrounding text on the page. The same image may need different text depending on how it's used.

Examples of various descriptions

For this example, an image of a woman running will be used.

There are various ways you can describe this image:

• Alt-Text with no context: Runner
• Alt-Text about the scenery: Lush forest along a river with a runner.
• Alt-Text about the runner: Adult female running along a path by a river.
• Alt-Text combining descriptives: Adult female running along the river with a lush forest in the background.

Here are four points to keep in mind when using alt text with your images:

• Add alt text to all non-decorative images.
• Keep it short and descriptive, like a tweet.
• Do not include “image of” or “photo of”.
• Mark the image as decorative if the software you're using allows.

Here are four points to keep in mind when using alt text with your images:

• Add alt text to all non-decorative images.
• Keep it short and descriptive, like a tweet.
• Do not include “image of” or “photo of”.
• Mark the image as decorative if the software you're using allows.

Tutorials

• Adding Alternative Text in MSWord: Part 1
• Adding Alternative Text in MSWord: Part 2
• Adding Alternative Text in MSWord: Part 3

Adding Alt Text to an image in Moodle

1. In the content editor in Moodle, click the “Insert/Edit Image” button.
2. Enter the URL or browse repository to select and add your image.
3. Once you have selected your image, click the “Select this file” button.
4. The Alt Text is added below the “Describe this image for someone who cannot see it” content box.
   NOTE: If your image is decorative only, then forego the description and check the “This image is decorative only” checkbox.

Adding Alt Text to an image in Google Workspace Documents

1. In the navigation bar select Insert > Image > [Select location]
2. Navigate to where your image is located, select and insert your image.
3. Place your image in the area of the document you want it to be, including sizing it how you’d like it.
4. Right click on the image and select from the menu “Alt Text”.
5. Give your image a title and description.
   For example - Title: Mickey Mouse and Pluto, Description: Mickey Mouse with his arm around his dog Pluto as they stand together happily.

Complex images refers to images that require a longer description in order for learners to understand the purpose of the image. In most cases, to make complex images accessible, you need to understand what the image is trying to convey, its purpose, and your audience. This is all relevant to create and access alternative formats. This matters because without alternative formats, people who have visual impairments will not be able to access the content you present.

Types of Complex Images:

• Pie Charts
• Bar Charts
• Line Graphs
• Flowcharts
• Diagram Charts
• Illustrations
• Math and Graphics
• Maps

Tip: When using complex images, include Alt text as you would for any other image but also include an additional description as a caption. If more description is needed, include it in the content of the page.

To guide you in creating the appropriate format for a complex image, you can use this detailed handbook written by Supada Armornchat entitled Complex Images for All Learners. It is available in PDF format to download. The handbook is free to share, and licensed under CC BY-NC-SA 4.0. Referenced from Portland Community College Accessibility.

Please contact ID Services or the ATC for more information or assistance in working with complex images.