Images and Videos

Any time you add an image to your content, you should also include alt text. The alt text is displayed when an image cannot be downloaded due to limited bandwidth and is read to students with visual impairments using screen readers. The alt text should be descriptive, but only include the relevant information a student needs to know.

Charts and other visual data should not rely solely on color to convey information, using text labels and visual patterns to differentiate data points.

Alternative Text for Images or Non-text Elements

Images are an important part of instructional content. Screen reader programs can identify the presence of an image but they cannot tell the student anything about the image unless extra content is provided. Therefore, all images must have an "alt" attribute.

If the "alt" attribute in an image tag is left out, screen readers and other user agents that read web pages aloud will typically read the "src" (source) attribute of the image, which is normally just a path to the image. This superfluous information will be confusing to students. If the image is decorative and does not convey information it still requires an alt tag (called a null tag), in the HTML it would read as alt="" (this information goes inside the image embed, some systems, like Moodle1 allow that to be set by clicking the option that the image does not require a description. Google Docs2 also allows for alt text on images (Format-->alt text).
Moodle Image DescriptionGoogle Docs Alt Text2

Video and Other Multimedia

All videos and other multimedia (e.g. an interactive activity), should include captions or a transcript. Captions can easily be added to videos by using YouTube. Videos uploaded to YouTube are automatically transcribed; automatic captions can be edited by the owner of the video.  (In fact, don't rely on auto-captioning, there are likely errors you'll need to fix, but it's a good headstart and provides an option for your students if nothing else is available.) Captions help both students with hearing impairments and students with learning disabilities. Captions also enable students to watch videos without audio when necessary.

Videos should be stored online using YouTube or Google Drive (which also allows for caption file uploads), to ensure the video will play on all devices. These services automatically convert and resize videos depending on the user's device and network capabilities.

Characteristics of Accessible Videos

  • Include captions or a transcript if captions cannot be uploaded.
  • Hosted online using YouTube or Google Drive
  • In Practice:

    All video must have time-synchronized captioning that is either enabled by default or easily turned on. It should have good background-foreground contrast and be properly "chunked" for easy reading. The video below provides information about captioning in YouTube.

    YouTube offers a number of captioning options. You can transcribe the videos yourself and edit timestamps; you can let YouTube transcribe your video automatically and then you can fix up any errors that occur and you can upload (or allow others to upload) files that will caption your videos. Additionally, other providers offer a variety of tools to help individuals caption YouTube or other videos. For instance, Rev.com will caption your videos for $1 per minute and send you back the caption file within the next day. That can be well worth the money for the time it will save you.

    It may also be that your district has the staff who know how to edit SRT or TXT files that can be uploaded as captions. If you are in Intermediate District 287 you can reach out to the Teaching & Learning Department to discuss the best options.

    Evaluating Resources

    The education market moves quickly and evaluating tools and resources can be a challenging task. The W3C Web Accessibility Initiative provides a great variety of resources including a W3C Cheat Sheet that provides a quick guide to accessibility.


    Creative Commons LicenseThis page by Jon Fila and Caitlin Cahill at Intermediate District 287 is licensed CC-BY-NC-SA. Based on a work from Leading Edge partners: @One, iNACOL

Last modified: Friday, January 12, 2018, 10:17 AM