Alt Text for Images

Add Alt Text to Images

When an image is inserted into the HTML Editor in D2L, 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. From within a D2L course, locate and select the item (Assignment Folder, Announcement, Discussion, etc.).
  2. From the HTML Editor toolbar, select Insert Image.
    On the HTML Editor, select Insert Image.
  3. Select My Computer.
    Select My Computer.
  4. Select Upload, locate and select the image file to be uploaded.
  5. Select Add.
    Select Upload, then locate and select the Image File to be uploaded.
  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.
      On the Provide Alternative Text pop-up, enter Alternative Text or select the checkbox to indicate that the image is decorative.
  7. Select Save and Close.
Edit Alt Text on an Existing Image
  1. From within a D2L course, locate and select the item (Content Page, Assignment Folder, Announcement, Discussion, etc.) containing the image.
  2. Select Edit.
    Select to Edit the item.
  3. Select the image to display the image options menu.
    Select the image to display the image options menu.
  4. Select the Image Options icon.
    Select the Image Options icon.
  5. Update the alternative text via the Alternative Description field.
    Update the alternative text via the Alternative Description field.
  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.