D2L Provide 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.
    On the HTML Editor, select Insert Image.
  3. Select My Computer.
    Select My Computer.
  4. Select Upload, then locate and select the Image File to be uploaded.
    Select Upload, then locate and select the Image File to be uploaded.
  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 forThis 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.
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.
    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.