Skip to Main Content

Faculty Resources

Using Images

Use Alt Text

The screen reader uses the alt text to describe the image to users. Alt text is also important for users with low bandwidth connections as the text will load while waiting for the image. Do not start your alt text with "this is an image of" as that is assumed. Be concise and accurate when adding alt text.

Illustration of how to use alt text in libguides with the sample image of The Dubliners book cover.

  • Naming convention, never label an image file as photo1234.jpg. Instead use psy_101_freud.
  • If the image is simply decorative, please type decorative in the alt text box so screen readers know to skip over it.
  • Do not copy and paste or drag an image from somewhere else, as it will carry the code with it. Download the image, name it properly and upload to libguides.
  • Ensure your images are not larger than 350 KB. There is free image compression software like Optimizzila.

Screen Captures

Describe what is going on in the screen capture and include any text that may be contained in the screen capture into the alt text field when inserting the screen shot.

Using Video

Inserting Video

For videos that you created and plan to embed into your libguide, add closed captioning in YouTube. For other videos, you can create a transcript of the video. According to WebAIM, In order to be fully accessible to the maximum number of users, web multimedia should include both synchronized captions AND a descriptive transcript. Also provide the means to start, stop, and pause the video.

Sample YouTube video with the options to add captions on the left side of the screen.