Topics Map > Do-IT Yourself > Teaching and Learning
Topics Map > Do-IT Yourself > Course Management > Canvas
Accessibility: Alternative Text in Canvas
Adding images to Canvas is a simple and powerful way to illustrate complex ideas and expand meaning. When we provide images that convey meaning, it’s important that we provide equivalent text-based alternatives. Luckily, adding alt text descriptions easy in Canvas.
Rich Content Editor
Embed images with alt text wherever you find the Rich Content Editor in Canvas:
- Announcements
- Assignments
- Discussions
- Pages
- Quizzes
- Syllabus
Upload images
- Start by selecting the “Embed Image” icon in the Rich Content Editor.
A new dialogue will open titled “Insert/Edit Image. - Under the “Image Source” heading, select the “Canvas” tab.
- Select an available folder as the location where you’d like to store the file.
- Select the “Upload File” button, browse to the image file on your computer’s hard drive, then open it to attach it.
After a moment, a notification will appear that reads “Success: File uploaded.” - Before clicking the “Update” button at the bottom of the dialogue, replace the Alt text description to accurately reflect the information in the image.
Add Alt Text
- Under the “Attributes” heading, select the “Alt text” input field.
- Update the information in the field to accurately describe the information in the image.
Important: the “Alt text” field may automatically contain the name of the file. However, the file name is not sufficient alt text because it cannot convey meaning and context to blind and low-vision people who use assistive technology like JAWS screen reader. - Select the “Update” button in the bottom of the “Insert/Edit Image” Dialogue.
HTML Editor
Alternatively, toggle the HTML Editor button above the Rich Content Editor to create or edit alt text attributes directly in the editor. Input alt text in between the double quotation marks of the alt attribute. Example: alt=“your description here”
| HTML Editor | Rich Content Editor |
|---|---|
|
<img src="/courses/21436/files/ <img src="/courses/21436/files/ |
 |