Skip to sub-navigation Skip to content Skip to footer
StatusAlertsMaintenance
Technology Services
  • myVCU
  • Email
  • eLearning
  • Submit a Help Request
    • Home
    • About Us
    • IT Support Center
    • Software Center
    • askIT
    • IT Catalog
    • Rich Text Editor: Manage Alt Text and Display Options for Images (Faculty)
    1. Technology Services
    2. askIT
    3. Teaching and Learning
    4. Canvas
    5. Faculty
    6. Rich Content Editor (Faculty)
    7. Rich Content Editor (RCE): Upload/Embed Images from RCE (Faculty)

    Upload/Embed Images from RCE

    • External Images
    • Images from Canvas

    You can embed images in the Rich Content Editor. Image files can be uploaded from your computer, selected from Unsplash, or added using a URL. You can also embed images from your course and user files.

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

    Notes: 

    • Images uploaded from your computer using the image upload tool are added to your course files.
    • If you are using Usage Rights, you must set the file usage rights before the file will be accessible to students.

    Upload Image from Toolbar

    To upload an image from the toolbar, click the Image icon [1].

    You can also upload an image from the image options menu. To view additional image options, click the Image Options arrow [2]. Then select the Upload Image option [3].

    Upload Image from Toolbar_RCE

    Note: To view the Image icon, you may have to click the Options icon.

    Options Icon_RCE

    Upload Image from Menubar

    You can also upload an image using the menubar in the Rich Content Editor. The menubar displays the title of Rich Content Editor tools and may be preferable for those using keyboard navigation.

    To upload an image using the menubar, click the Insert menu [1], select the Image option [2], and select the Upload Image option [3].

    Upload Image from Menubar_RCE

    Upload Image from Computer

    By default, the Image Upload Tool displays the Computer tab [1]. Click or drag and drop an image file to the image uploader to upload a file from your computer [2].

    Note: Images uploaded from your computer using the image upload tool are added to your course files.

    Upload from Computer_RCE

    Select the image file and click the Open button.

    The uploader displays the image file name [1] and an image preview [2]. To remove the image, click the Delete icon [3].

    View Selected File_RCE

    Upload Image from Unsplash

    To upload an image from Unsplash, click the Unsplash tab [1].

    Enter a search term in the Search Term field [2] and select from the displayed options [3]. To view more image options, click the page navigation links located at the bottom.

    Note: Canvas uses safe search filters provided by Unsplash. You can read more about the Unsplash content policy on their Terms page.

    Upload Image from Unsplash_RCE

    Upload Image from URL

    To upload an image using a URL, click the URL tab [1].

    Enter the URL in the File URL field [2].

    Upload Image from URL_RCE

    Manage Usage Rights

    Depending on what you are uploading, you may find that you need to select usage right settings for your image.

    In the Usage Right drop-down menu [1], select one of the five usage right options:

    • I hold the copyright: original content created by you
    • I have obtained permission to use the file: authorized permission by the author
    • The material is in the public domain: explicitly assigned to public domain, cannot be copyrighted, or is no longer protected by copyright
    • The material is subject to an exception - e.g. fair use, the right to quote, or others under applicable copyright laws: excerpt or summary used for commentary, news reporting, research, or analysis in education
    • The material is licensed under Creative Commons: this option also requires setting a specific Creative Commons license

    If known, enter the copyright holder information in the Copyright Holder field [2].

    Manage Usage Rights_RCE

    Manage Image Attributes

    To add Alt Text to your image, type 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].

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

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

    Manage Image Attributes_RCE

    To embed your selected image in the RCE, click the Submit button.

    Note: The image will flash before it embeds in the Rich Content Editor.

    Then, click the Save button.

    Notes:

    • The assignment, discussion, pages, and quizzes details pages display a Save & Publish button.
    • The Syllabus page displays an Update Syllabus button.
    • Discussion replies display a Post Reply button.

     

    You can embed uploaded image files from your course, user, and group files in Canvas in the Rich Content Editor. After embedding an image, you can also edit the image display options and add alt tags to your images for better accessibility.

    1. Click the Image Options arrow [1].

    2. To view your uploaded course image files, click the Course Images option [2]. To view images saved in your Canvas user files, click the User Images option [3].

    If you open the Rich Content Editor from a group, you can view uploaded group image files by clicking the Group Images option [4].

    Open Images_RCE

    To view the Images icon, you may have to click the Options icon.

    Options Icon_RCE

    By default, when embedding an image in the Rich Content Editor, the Add menu displays image files from your selected source [1].

    To change the image file type, click the Type drop-down menu [2].

    To sort image files by date added or alphabetically, click the Date Added drop-down menu [3]. To search for an image, enter the image name in the Search field [4]. You must enter at least three characters for search results to display.

    To embed the image, click the image file [5].

    Note: The image will flash before it embeds in the Rich Content Editor.

    Select Image File_RCE

    The image will appear embedded in the Rich Content Editor. You can also edit the size of the image and add alt tags for improved accessibility.

    3. Click the Save button.

    Notes:

    • The assignment, discussion, pages, and quizzes details pages display a Save & Publish button.
    • The Syllabus page displays an Update Syllabus button.
    • Discussion replies display a Post Reply button.
    • Virginia Commonwealth University
    • Division of Administration
    • Technology Services
    • 701 W. Broad St., Box 843059
    • Richmond, VA 23284
    • Phone: (804) 828-2227
    • Privacy | Accessibility | Webmaster
    • Updated: 05/12/2021
    Knowledge Base A-Z
    • A
    • B
    • C
    • D
    • E
    • F
    • G
    • H
    • I
    • J
    • K
    • L
    • M
    • N
    • O
    • P
    • Q
    • R
    • S
    • T
    • U
    • V
    • W
    • X
    • Y
    • Z
    • Facebook
    • Twitter
    • YouTube
    • Instagram