Contents:

Alt-Text in Cascade

To add Alt-Text to an image in Cascade, use the following steps:

  1. In a WYIWYG, press the "Edit/Insert Image" button
  2. Navigate to your desired image and insert per usual
  3. In the "Insert/edit image" dialogue box, insert the desired Alt-Text in the "Image description" form field. If the image is purely aesthetic and provides no information to the page, rather than inputting an image description instead check the "This is a decorative image, no description needed" checkbox.
    Cascade-alt-text-Redbox.png
  4. Click "Ok" to apply the changes.
  5. To add or change Alt-Text for an image that has already been inserted, right click on the image and then click on the "Image" button on the resulting dropdown. This will bring up the "Insert/edit image" dialogue box. 

Alt-Text in Canvas

To add Alt-Text to an image in Canvas, use the following steps:

  1. In an editable region such as a page or a quiz, use the click on the “embed image” button to bring up the “Insert/Edit Image” dialogue box.
  2. Navigate to or upload your image as usual using the “URL,” “Canvas,” or “Flikr” tabs directly under the “Image Source” heading.
  3. Insert your description in the “Alt text” field directly below the “Attributes” heading. If the image is purely aesthetic and provides no information to the page, rather than inputting an image description mark the “Decorative Image” checkbox.
    Alt-Text-Image-Canvas_RedRectangle.png
  4. Click "Update" to complete.
  5. To add alt text to an existing image, select the image and click the “embed image” button. This will bring up the “Insert/Edit Image” dialogue box with the “Alt text” form field and “Decorative Image” checkbox.
    Embed-Image-button-Canvas-red.png

Alt-Text in Word

The procedure for applying Alt-Text varies slightly depending on what version of Word you are working with. As of Word 2016, the procedure is as follows:

  1. Insert an image into your Word document.
  2. Right click the image and from the dropdown menu, click “Format Picture…” This will open the “Format Picture” options pane on the right-hand side of the window.
  3. Click the “Layout & Properties” icon in the Format Picture pane.
  4. In the Alt-Text dropdown, input your image description into the “Description” field. We recommend using only the Description field and leaving the “Title” field blank.
    Word-Format-Alt-Text.png

Alt-Text in PowerPoint

The procedure for applying Alt-Text varies slightly depending on what version of PowerPoint you are working with. As of PowerPoint 2016, the procedure is as follows:

  1. Insert an image into your Powerpoint Slide.
  2. Right click the image and from the dropdown menu, click “Format Picture…” This will open the “Format Picture” options pane on the right-hand side of the window.
  3. Click the “Layout & Properties” icon in the Format Picture pane.
  4. In the Alt-Text dropdown, input your image description into the “Description” field. We recommend using only the Description field and leaving the “Title” field blank.
    PowerPoint-Alt-Text.png

Alt-Text in Facebook

To make a new post with an image:

  1. On your timeline, begin to create a new post. Click the “Photo/Video” button, and navigate to the picture you wish to add, and click “open.”
  2. Hover over the image and click on the “Edit Photo” button, portrayed by a paint bush.
  3. On the left-hand options menu, click “Alt text.”
  4. Press the “Override generated alt text,” input your image description in the resulting field, and then press “Save” in the bottom right of the window.
    screenshot; facebook's edit photo dialogue box with the alt-text open
  5. Press the “Post” button.

To change alt-text on an image that has already been posted:

  1. Click on an existing post to expand it.
  2. On the bottom of the window, click the “options” button.
  3. On the resulting options list, click the “Change alt text” button.
    screenshot; the "Change alt text" menu option from an already posted image
  4. In the resulting dialogue box, click the “Override generated alt text” button.
  5. In the resulting form field, type in your image description and then click “Save,” to apply your description to the image.
    Facebook-edit-alt-text-box.png

Alt-Text in Instagram

There may be slight differences in adding alt-text to Instagram depending on if you are using an Android or IOS device.

  1. Open Instagram and tap the plus sign to add an image and select the image you wish to post.
  2. Add any filters or image adjustments and tap the “Next” button at the top right of the screen. This will take you to the “New Post” screen.
  3. At the very bottom of the next screen tap the “Advanced Settings” button
    IG---New-PostEdited.png
  4. Under “Accessibility,” tap the “Write Alt Text” option.
    IG---Advanced-Settings.png
  5. Input your image description in the “Write alt text…” form, then click “Save” at the top right.
    IG---AltText.png
  6. Navigate back to the “New Post” screen and tap “Share” on the top right of the screen.

To add text to an old post:

  1. Navigate to the post and expand. Tap the three vertical dots in the upper right hand corner of the post to bring up an options menu. From this menu, tap “Edit.”
    IG---Options-Menu.png
  2. On the bottom-right of the image posted, tap the “Edit Alt Text” button. From here, edit the alt-text and tap “Save” to apply the alt-text to the image.
    IG---Add-Alt-Text.png

Alt-Text in QuestionPro

To add Alt-Text to an image in QuestionPro, use the following steps:

  1. After inserting an image as a logo or as part of a survey question, hover over the question prompt area and click the “Rich Content Editor” button in the pop-up options.
    Question pro prompt area with rich content editor option highlighted
  2. In the “Rich Text Editor” box, right click the image and select “Image Properties.”
    rich text editor with image properties option highlighted
  3. In the “Image Properties” dialogue box, input your image description in the “Alternative Text” input box. Click “Ok” when done and then “Save” in the “Rich Text Editor” to apply the alternative text to the image.
    Image properties box with alternative text input highlighted

Alt-Text in HTML

 To add Alt-Text to an image in HTML, use the following steps:

  1. In the img tag, add the alt attribute. 
  2. Within the quotation marks, add your image description, for example:
    <img alt="JMU Duke Dog mascot posing in front of Wilson Hall">
  3. For images that are purely decorative in nature, be sure to include a null alt attribute as follows:
    <img alt="">

Back to Top