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
2. After uploading your image, scroll down and fill in the Alt Text box 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.
**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
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.