United States Department of Veterans Affairs
Section 508 Support Office

Developing Section 508 Compliant Web Content

Page 16 of 22

Text Equivalents for Non-Text Elements

Back Next

Video and Animation, continued

Text Equivalents within the Video or other Embedded Elements

An equivalent for video cannot be placed within the video element only. This information is only presented through browsers that do not support the video element used.

Most users who are blind and visually impaired use a browser that does support the video element and will not have access to this information. It may be helpful to use this method to provide access to people with non-supporting browsers, but it cannot be relied on as the sole method to provide accessibility.

In the following example, text is placed inside the video element as an alternative for browsers that do not support the video element.

<video width="320" height="240" controls="controls">
 <source src="clip.mp4" type="video/mp4">
  ... Transcript of the video here ...
 <object data="clip.mp4" width="320" height="240" >
 </object>
</video>
<a href="Transcript.html">Transcript of Video</a>

Equivalents for Placeholder Images

video poster images

A poster image may be used as a thumbnail to provide a glimpse of what a video is about or what it contains. This may be displayed using the poster attribute of the HTML5 video element. When a poster image or thumbnail is used, an equivalent must be provided with a short description of the poster image.

The title attribute of the video element is one method of providing a programmatically determinable equivalent for the image. However, use of the title might not be supported by all AT. The best approach is to provide a short on-screen text description of the video.

Select Next to continue.

Glossary in new window Resources in new window   Back Next