How are image files remediated?

You will learn how image files, like jpg and png are adjusted within Access Hub to make them accessible.

As a standalone file, the image file is considered accessible because it has an Alt Test (Accessibility) description in the metadata for that file. However, if that image is used within an HTML-based Page, Discussion, Quiz or Assignment within your Canvas course, it will still require additional remediation in the form of Alt text.

Note other image types, like gif, bmp, heic, svg, etc. are not able to be remediated at this time by the Access Hub.

After you have uploaded an image file, jpg or png, to your course in Canvas, you need to wait 24 to 48 hours before clicking on the Access Hub menu item to find it remediated.

1. Enter your course and click on Access Hub in the course menu.

Access Hub link
Review course files link

3. Locate the image file in the list of files.

PNG file

4. Click on Review.

Review button
Expand or collapse content Click on Publish to Canvas, if you want to replace the original file in your course.
Publish to Canvas button

1. Click on Close.

Close button

2. Returning to your Canvas course, You can see that some of these images are standalone and some are in web pages.

The images in web pages will need alt text.

modules page in Canvas

Article Summary

You have now learned how to publish an image file to Canvas and that a standalone image file doesn't need additional alt text.

Expand or collapse content Click on Download remediated if you want to review the description for this file.
Download remediated button

1. Open the image file in an image editing app that can view the image's meta data.

In this case, Adobe Bridge is used. This app is free for CSUF faculty and staff.

2. Open Adobe Bridge, select the desired image, and scroll down to Alt Text (Accessibility).

Tip: if you need Alt Text for an image that will be used in a Page, Discussion, Quiz or Assignment, you can copy this Alt Text and then paste it in the Rich Content Editor.

Adobe Bridge showing Alt Text

3. Access Hub has written an AI-based description for the image in the Alt Text field.

This description is likely adequate for a standalone file, but you can still edit the alt text here and save the file to update the alt text.

Image metadata Description

4. Copy the text in the Description field.

Description field

5. When in Edit mode for the Rich Content Editor, click on the Accessibility Checker icon.

Accessibility Checker icon

6. Paste the Description text into the Change alt text field.

Change alt text field selected

7. Click on Apply.

Note that Alt text should be 120 characters or less. If the alt text is longer than, it can be placed as text below the actual image or for very detailed descriptions, it can be placed in an attached file linked under the image.

Apply button

8. Click on Save down at the bottom of the page.

Save button

Now students using screen readers or other readers will have access to the alt text for this image.

Article Summary

You have now learned the process for adding alt text for your image in Canvas from the Alt Text created by Access Hub.