Skip to main content

Alternative Text: Alternative Text

Alternative Text
Alternative Text
    • Notifications
    • Privacy
  • Project HomeOER Accessibility Series and Rubric
  • Projects
  • Learn more about Manifold

Notes

Show the following:

  • Annotations
  • Resources
Search within:

Adjust appearance:

  • font
    Font style
  • color scheme
  • Margins
table of contents
  1. OER Accessibility Series: Alternative Text
  2. Adding Alt Text in Microsoft Word, PowerPoint, and Excel 2019
  3. Adding Alt Text in Adobe Acrobat Pro DC
  4. Adding Alt Text in HTML-Based Programs

OER Accessibility Series: Alternative Text

Alternative (alt) text is a description of an image coded into the background of the image that a screen reader will then read in place of the image. There are a couple of important things to keep in mind about alt text:

  • Many tools will provide an option to say the image is “decorative,” which will then eliminate the requirement of alt text. The “decorative” option should only be used when an image is actually decorative (it doesn’t bring any meaning or value to the page except to make it pretty). If the image is not there solely for decoration, descriptive alt text is necessary for the document to be accessible.
  • “Descriptive” doesn’t mean it needs to be described down to every little detail. It means that the alt text should describe the image generally and specify what the student should get out of the image. So if the image is a diagram of the bones in a human hand with tags indicating the metacarpal bones, the alt text should explain that and include a description of where those metacarpal bones are located (i.e. “the metacarpals are the bones running from the base of the hand to the base of each finger, between the carpals and the proximal phalanges”).

Creative Commons Attribution License

This work by Tiffani Tijerina for Affordable Learning Georgia is licensed under a Creative Commons Attribution 4.0 International License. The example image used is from the public domain.

Adding Alt Text in Microsoft Word, PowerPoint, and Excel 2019

The basic Microsoft Office tools from its 2019 edition all use the same process for adding alt text (pretty convenient, huh?).

Note: Microsoft also includes a “Generate a description for me” button. It is very rarely accurate and is not recommended. Unfortunately, Office 2019 has that function set to automatically run when you insert images. However, you can (and should) turn it off! To do so, go to File > Options (at the bottom) > Ease of Access, and then make sure the “Automatically generate alt text for me” option is unchecked.

The Options menu in Word. The Ease of Access and Automatic Alt Text areas are highlighted.

  1. Right click the image and click “Edit Alt Text.”A PowerPoint slide. The right-click menu has been pulled up on an image and the Edit Alt Text option is highlighted.
  2. In the screen that opens on the right-hand side, type your descriptive alt text.A PowerPoint slide. The Alt Text menu has been pulled up and there is text describing the image in the box provided.

Adding Alt Text in Adobe Acrobat Pro DC

Adobe Acrobat Pro DC has an accessibility toolbar that allows you to do all of your alt text in a document in a row without having to search for all of your images. It can save you a bit of time to add all of your alt text when the document is complete.

  1. Click the “Tools” tab.A PDF document opened in Adobe Acrobat. The Tools tab is highlighted.
  2. Scroll to the section titled “Protect and Standardize,” and click “Accessibility.”The Protect and Standardize area of the Tools tab in Adobe Acrobat. The Accessibility option is higlighted.
  3. In the screen that pops up on the right-hand side, click “Set Alternate Text.”A PDF document opened in Adobe Acrobat with the Accessibility menu open. The Set Alternate Text option is highlighted.
  4. Adobe will tell you that it’s going to detect all figures in the document. Click “OK.”A pop-up window stating that Acrobat will detect all figures in this document and display associated alternate text. The OK button is highlighted.
  5. Type the alt text for the highlighted image in the box. If you have multiple images in the document, click the arrows to cycle through each of them, typing alt text for each. When you are finished with all images, click “Save & Close.”
    A pop-up window to set alternative text. The right arrow is highlighted, the description box is highlighted with alt text in it, and the Save and Close button is highlighted.

Adding Alt Text in HTML-Based Programs

There are a lot of tools that we use to develop course materials, and we could never cover them all. However, if your tool has an HTML-editing function, you can add alt text to your image using its code.

  1. After adding your image to the document, open the HTML-editing feature. Find the section of code that starts with <img and ends with />.An HTML-based editor. The image tag is highlighted with arrows pointing to its beginning and end.
  2. In that code, look for a piece that says alt=“some text”. If there is no alt attribute, add it to the code after the part that says src=“some file path”. Make sure that there is one space between tags.
    An HTML-based editor. The alt attribute on the image tag is highlighted.
  3. Read the part inside the quotations. Is it accurately descriptive of the image? If not, replace that text with the correct description.An HTML-based editor. The alt attribute on the image tag is highlighted with arrows pointing to its beginning and end.
  4. Save and close the code.

Annotate

Powered by Manifold Scholarship. Learn more at
Opens in new tab or windowmanifoldapp.org