Center for Teaching, Learning and Design
Images & Alternative Text
These guides and videos provide steps to help you make your image content accessible through the creation of relevant, comprehensive, and succinct alternative text (alt-text) and long text description. For the best accessibility practices around authoring alt-text, please check out our MSU Denver Alternative Text - The Basics Guide.
To learn more join us for our Authoring Awesome Alt-Text Workshop. Our Schedule can be found on our Events and Workshops area.
If you have a question that is not answering through the content below, please contact the Instructional Accessibility Group via email at: InstructionalAccessibility@msudenver.edu.
In Canvas, the file name is the default ALT text which is usually inaccessible, but if you change the file name to the ALT text, it will always be inserted when the image is placed into Canvas content. This first option should be used for images you will not use more than once (repeating images generally means you will need to adjust the Alt-Text to reflect the shifting context)
- Upload your image into the Files area of your Canvas course; navigate to File to complete the rest of the steps.
- Rename to match your default ALT text.
- Hover over your file
- Click the three dots at the right end of the file line
- Click Rename
- Type the new name
- Click the check mark to save.
Add or Edit ALT Text in Rich Content Editor. This option is best for images whose Alt-Text needs to be adjusted for the nuanced contexts of a course/module.
- Open the Canvas Rich Text Editor to content which includes an image.
- This could be under pages
- Click on an image added to content to highlight it.
- Click Options at the top of the image to open a context window to the right.
- Type the Alt-Text in the box under “Alt-Text”
- Click Done
The following steps explain how to place Alt-Text on a photo and provides some guidance to the content of the text.
- Right-click on the figure and look for Edit-Alt Text.
- If you see Edit-Alt Text, select it and type your Alt-Text in the box that appears on the right-hand side of your document. Repeat for every image.
- If you do not see Edit Alt Text, follow the remaining steps.
- Select Format Picture; a sidebar labeled ‘Format Picture’ will appear on the right side of the screen.
- Click the Layout & Properties Icon
- Select Alt-Text from the menu on the sidebar. This will open two sections labeled ‘Title’ and ‘Description’
- Type the title of the figure to the appropriate line
- Type the Alt-Text in the box under ‘Description’.
- Close the sidebar by pressing the X in the upper-right corner.
You have now completed adding Alt-Text to a photo.
- Open the document in Adobe Acrobat.
- Click Edit PDF on the right-hand side of the screen.
- This will prompt a review of the file by Optical Character Recognition Software, which will identify text, tables, and images in the document.
- Once this operation is complete, review and correct the document to ensure full accessibility of the text.
- Note: If the picture is decorative, or fulfills no purpose check, the box labeled ‘Decorative Image. This will prevent the image from being read by screen readers.
Captions are small sentences of descriptive text that provide information about still, visual content. Captions remove the need for inference when observing material and limits the opportunity for misinterpretation.
Note: For Mac users: ‘Right-click’ by clicking with two fingers on the mouse pad; substitute ‘Command (?)’ for ‘CTRL.'
- Right-Click the desired image; a drop-down menu will appear.
- Select Wrap Text
- Select Tight:
- Note: this will adjust the layout of your document. Do not move the picture. The following steps will reformat your document with minimal, if any, adjustments needed.
- Be sure to select the appropriate label for the image: ‘Figure’ for images, ‘Equations’ for mathematics, and ‘Table’ for charts and graphics.
- Note: there should be a box around the caption as well as around the image.
Images and Alternative Text Guides
There guides provide distributable content that covers the above guides as well as additional Image Accessibility Content.
- MSU Denver Alternative Text - The Basics
- Writing Image Long Description
- Making Memes Accessible v.2
- Creating Alternative Descriptive Text – Adobe Acrobat Pro v.3
- Creating Alternative Descriptive Text - MS Office v.3
- Creating Image Captions – Microsoft Office v.3