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+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].
Update File URL
If an image is added to the Rich Content Editor via URL, the Image Options menu includes the File URL field. The URL can be updated to change the image displayed in the editor.
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].
Select Dimension Type
If you select a custom image size, you can change the size selecting the Pixels dimension type radio button and changing one of the two dimension type fields [1].
You can also change the custom image size by selecting the Percentage dimension type radio button and changing the percentage field [2].
Save Changes
Click the Done button.
View Embedded Image
View the image embedded in the Rich Content Editor.