Canvas

The Rich Content Editor allows you to add alt text tags to embedded images. You can also manage image display options and resize the image.

Several features in Canvas support the Rich Content Editor, including Announcements, Assignments, Discussions, Pages, Quizzes, and Syllabus.

Open Rich Content Editor

Open the Rich Content Editor when creating or editing an announcement, assignment, discussion, page, quiz, or syllabus.

Note: The Rich Content Editor supports keyboard shortcuts. To view a window with a list of keyboard navigation shortcuts, click the Keyboard icon or press Alt+F8 (on a PC keyboard) or Option+Fn+F8 (on a Mac keyboard) simultaneously on your keyboard.

Open Image Options

Click the image [1], then click the Image Options link [2].

You can manage display options for embedded images in the Image Options menu [3].

Add Alt Text

Enter an alternative text description or text tags in the Alt Text field [1]. By default, the Alt Text field displays the image file name. Alt text is read by screen readers, and it displays when an embedded image cannot display.

If the image is decorative and does not require alt text, select the Decorative Image option [2].

Select Display Options

By default, the Embed Image display option is selected for embedded images [1].

To display the image file link, select the Display Text Link display option [2]. The file link will replace the image in the Rich Content Editor.

Select Image Size

Click the Size drop-down menu [1]. You can select a small, medium, large, or extra large image size [2], or you can select to enter custom dimensions [3].

To customize the size of your image, enter the custom height or width dimension in one of the two dimension fields [4]. As you enter a value in one field, the other field's value changes in order to retain the image aspect ratio.

Note: Custom image size must be at least 10x10px.

Manually Adjust Image Size

You can also manually adjust the image size in the Rich Content Editor.

When you click the image, adjustment handles appear in each corner [1]. Click and drag the handles to adjust the image size [2].

Save Changes

Click the Done button.

View Embedded Image

View the image embedded in the Rich Content Editor.