Starting Winter...

Canvas logo

Cnavas Guides

Changes often force us to adapt in ways we’ve never experienced, which can be a major driver of personal (and even professional) growth and development.

Ally: ALT Descriptions for Images

Images can be a great way to engage your learners with different modes of learning, and can help communicate complex ideas to students. For students with visual impairments, image descriptions that explain the content of an image are crucial for their learning. For all students, text descriptions can provide deeper context to aid their comprehension.

Ally checks for image descriptions anywhere there is an image. This includes image files and files that include images. For example, a document or presentation.

ALT - Alternative text: word phrase that is inserted in the HTML to describe the image for people who are unable to see the image. 

tip Make sure to read the tips for fixing content that will copy into your future courses. 


What is Ally | WorkshopsUsing Ally | Ally Copy Tips | Anthology Ally Support


Videos


Fixing ALT Descriptions


Fix Canvas Pages  |  Fix Canvas Images in Ally   |  Fix Other Files  |  How to Write Descriptions


 

1) Using Canvas' Image Options to Fix ALT Descriptions

Once you provide an alternative description for an image through Ally in a Canvas Page, the description will change to a Green indicator “dial”. The description added through Ally will get pushed back into the Canvas content directly so that it can be stored by Canvas and made available to your students. This ALT description is not saved in Canvas and can be copied into future courses. 

From the Canvas Page 

  1. Look for a red or orange Accessibility Score - Dial (bottom left of image).
  2. In Canvas, click on the Pages course menu (left). If you have a HOME page, you will need to click on the View All Pages button (top left). 
  3. Use Canvas' Rich Content Editor to fix the page, Click on the Edit button on the top right of the Page.
     Pages, Edit and the image dial
  4. Click on the image within the page, then select Image Options
     Image Options button
  5. Add the ALT Description in the (A) ALT Text box OR click on (B) Decorative Image box (if the image is decorative). Note: this is an example of a "decorative" image on a page. 
    Canvas Image Options
  6. Scroll down and choose the Done button. 
  7. At the bottom of the Page, click on the Save button (bottom right). 

    - Video tutorialAdd ALT Text to Images in Canvas

 

2) Using Ally to Fix ALT Descriptions for Images

ALT Descriptions need to be fixed by clicking on the Ally dial on the bottom left of the image within the Page, Assignment, Quiz, Announcement, or other Canvas tool.
NOTE: if you do not use this Ally method or Canvas' Image Options, the added ALT Description will not be stored by Canvas and will not copy to your new course. Please see Anthology's page for more information about what will be copied.  

From the Page, Assignment, Quiz, Announcement, or other...

  1. Click the Edit button on the top right (if you are not creating a new item).
  2. Click on the Ally dial icon at the left bottom corner of the image.
    Ally dial bottom left of image
  3. Within the Ally tool, on the right side type in an image description.
    OR
  4. Click on the Auto-generate description button.
  5. Click on the Save button. 
    Steps to complete the ALT description
     

3) Using Other Applications to Fix ALT Descriptions for Images

Files (PDF, DOC, PPT) added into Canvas also have images. It is best to fix those ALT Descriptions within the applications the files were created.

Videos

Workshops, Online Courses & Web Resources 


Writing Good Descriptions

ALT tag descriptions should be short - less than 100 characters. This description is extremely important when students come across an image that has become suddenly unavailable and when students who rely on a text-to-speech or screen reader program to navigate the web access your course content. In the former case, the alt text is visible to any sighted person. In the latter case, the alt text is read aloud or translated to braille. If you need more than 100 characters to describe this image via the ALT tag, add the instructional text within the page.

Follow these best practices to write good alternative text descriptions for your images:

  • Describe the image based on the page context. Convey the full meaning of the image. 
  • Avoid saying "image of" or "picture of". Screen readers automatically announce images as images.
  • Be concise.
  • Write narratives for complex images like infographics. Put this narrative on the page immediately following the infographic. Include an anchor link at the top of the page to view the text alternative. See an example of an infographic with a text alternative.
  • Avoid images of text. If you can't avoid it, copy the text into the alternative description.
  • Say something new. Don't repeat alternative descriptions on the same page. Don't repeat what is already said on the page.
  • Identify images that don't represent relevant content as decorative.

What is a decorative image?

An image is decorative when it doesn't add to the information on the page. For example, art work used to separate topics or a photo of someone on the phone when discussing communication skills.

They are valuable in their visual appeal but may not need to be read by screen readers.


tip Create Accessible Files that Copy into Future Course Shells

We have been given a message from Ally to remind users that while fixing your files with the Ally Accessibility Checker does create accessible files in your current courses… it does NOT copy as an accessible file into your other Canvas shells

Recommendations 

  • Do not use the Files menu to fix images - ALT descriptions. These do not copy to future courses. Please use the Accessibility Report tools or the Canvas Page tools to add ALT descriptions. 

 

Anthology Ally Support

     

    Related Content

    Canvas Guides

    Canvas Guides

    View the Canvas Guides

    Upcoming Events

    Workshops

    Canvas Workshops

    Workshop Schedule

    Accessibility in My Courses

    accessibility

    Fixing your courses...

    Support

    Support

    Learn more...