Skip to main content

Images

Images

Standards

1.1 All instructor created content must have a useful alt-text for all images.

Bronze Level

Alternative text for images, also known as alt text, is a description of an image read by assistive technology. It also helps search engines understand the content of an image, which can improve search engine optimization (SEO).

The alt text should convey the purpose and function of the non-text content. This means that the same image may have different alt text depending on its context and purpose. For example, an image used for marketing will have different alt text than the same image used for training purposes.

Alt text is more of an art than a science. The only “wrong” way is not including alt text where it is needed.

How to add an alternative text to:

General Guidelines

  • Keep the alt text concise (no more than 10-15 words).
  • If the image contains words, include the words in the alt text.
  • If the image is used as a link or control, the alt text should help form the link text or control label.
  • If the alt text would be redundant to neighboring text, treat the image as if it is decorative.

Creating good alt-text
Our office has a training on how to create great alt-text . To watch, if you are not already connected, join our Digital Accessibility Network .

1.2 Student provided with instrcutions/expectations on how to add alt-text to content they create.

Silver Level

In many cases, faculty may be using third-party software that allows students to create content in discussion forums, messages, etc. It’s important that you are providing students with directions on how to make their content accessible.

Below is an example for the Canvas discussions thread

**Example 1. Canvas Discussions**

1. Click on image dropdown, and then upload image
Screenshot of the Upload Image icon

2. After uploading your image, scroll down and fill in the Alt Text box under Attributes
screen shot showing the Alt Text comment box, located under Attributes

**Example 2. No Alt-text option available**

In some applications, there may not be a way to add an alt-text to an image. In these cases, it is best practices to put an image description below the image.

Hierarchy map that shows the Office of IT, with three departments under it: Enterprise Application services, Enterprise Delivery Services, Infrastructure and Security

**Image Caption:** An Organization Hierarchy chart showing the Office of IT on top, with 3 departments reporting to it: Enterprise Application Services, Enterprise Delivery Services, Infrastructure and Security.

1.3 Long descriptions provided for items where alt-text is not use-able.

Gold Level

In some cases, a short alt-text is not enough information to convey the meaning of the image.

Example

Meidan Income by Race, 2001. See chart below for data.

Figure 1-1 Median net worth by race, 2001 (assets minus debts)

Image Description: The bar chart above is represented by the data below, with Years along the y axis, and Dollars long the x axis.

Race 1998 2001
White People $103,400 $120,900
People of Color $17,900 $17,100

 

1.4 Alternative provided where long description is not use-able.

Gold

In some cases, you may need to work with your office of disability services to provide items in alternate ways, such as embossed images, as seen in the example below.

image of an embossed graph