Adding alt text to images

Article
Read time: 6 minutes

Alternative text, also known as alt text, helps people who rely on screen readers or that use accessibility tools to understand the images we use on our web pages.

Example:

Example of alt text accompanying a graph.

Alt text: Line graph showing a 25% increase in website traffic over six months.

You only need to add alt text if the image or icon you use adds meaning. If an image is decorative only, or only adds visual interest to a page, there is no need to add alt text to the image. You can simply leave the alt text field blank in Sitecore, and the screen reader will pass over the image.

How to Add Alt Text to an Existing Image in Sitecore
  1. Open Sitecore
    Click the Sitecore  icon in the top left corner to open the Sitecore Dashboard.
  2. Go to the Media Library by selecting the Media Library  icon
  3. Locate the Image

    Use the content tree to navigate to the correct folder.

    • Thumbnails will appear in the content area.
    • red warning will appear if an image is missing alt text.

      Media Library: Alt Text Warning

  4. Edit the Image
    • Select the image. A details panel opens with a yellow message.
    • Click Lock and Edit to check out the image.

  5. Enter Alt Text
    • Scroll to the Image section.

      Media Library: Alt Text Field

    • Enter appropriate alt text in the Alt field (skip this if the image is decorative as explained above).

  6. Save and Check In
    • Click the Save  icon
    • Select the Edit  icon, then choose Check In  to finish editing and unlock the image.

  7. Publish Content.

Content Editor Sitecore Administration Media Library