Adding & Editing Alternative Text (Alt Text) for Images

Adding Alternative Text to Images

When an image is inserted into the HTML Editor, using Insert Image, users will be promoted to provide alternative text. Alternative text, also known as alt text, should provide a clear text alternative of the image for screen reader users.

  1. Navigate to the item (Assignment Folder, Announcement, Discussion, etc.).
  2. On the HTML Editor, select Insert Image. Screenshot indicating location of Insert Image button.
  3. Select My Computer. Add a file from My Computer.
  4. Select Upload, then locate and select the Image File to be uploaded. Add the file by selecting the Upload button.
  5. Select Add.
  6. On the Provide Alternative Text pop-up, enter Alternative Text or select the checkbox to indicate that the image is decorative.
    1. Enter Alternative Text to describe the image.
    2. If the image is decorative, select the Checkbox for This image is decorative.
    3. Select OK. Provide Alternative Text popup.
  7. Select Save and Close.

    Editing Alternative Text on an Existing Image

  1. Navigate to the item (Content Page, Assignment Folder, Announcement, Discussion, etc.) containing the image.
  2. Select to Edit the item. Selecting Edit HTML from the drop-down menu.
  3. Select the image to display the image options menu. Image Options available.
  4. Select the Image Options icon. Image Options icon.
  5. Update the alternative text via the Alternative Description field. Image Description text field to update the Alternative Text.
  6. Select Save.

Note: Editing the alternative text in this manner does not edit/update the title of the image. The title appears when a user hovers a mouse over the image. To update the title of the image, users will need to access the HTML source code.