On this page:
SeeUnderstanding Techniques for WCAG Success Criteria for important information about the usage of these informative techniques and how they relate to the normative WCAG 2.0 success criteria. The Applicability section explains the scope of the technique, and the presence of techniques for a specific technology does not imply that the technology can be used in all situations to create content that meets WCAG 2.0.
HTML5
This technique relates to:
The objective of this technique is to use the HTML5track element to specify a descriptions timed text track for avideo element. Audio description timed text tracks contain textual descriptions of the video component of the media resource, intended for audio synthesis when the visual component is obscured, unavailable, or not usable. The user agent makes the cues available to the user in a non-visual fashion, for instance, by synthesizing them into speech.
Thesrc attribute of thetrack element is an URL providing the text track data.
The audio description cues must fit into the gaps available in the audio component of the media resource. If there is not enough time to synthesize the description text in the track cue's time interval, user agents may truncate the speech. This limits the amount of supplementary information that can be added.
User agents may also support extended audio descriptions by halting the video until the description has been completely synthesized, then restarting the video.
Avideo element for a video in the English language. The audio descriptions are provided in the WebVTT format.
Example Code:
<video poster="myvideo.png" controls><source src="myvideo.mp4" srclang="en" type="video/mp4"><track src="myvideo_en.vtt" kind="descriptions" srclang="en" label="English"> </video>Avideo element for a video with both an English and French language source element, and with an English and a French audio description track using the WebVTT (vtt) file format.
Example Code:
<video poster="myvideo.png" controls><source src="myvideo.mp4" srclang="en" type="video/mp4"><source src="myvideo.webm" srclang="fr" type="video/webm"><track src="myvideo_en.vtt" kind="descriptions" srclang="en" label="English"><track src="myvideo_fr.vtt" kind="descriptions" srclang="fr" label="French"> </video>Avideo, "Google self-driving car". with an audio description track.
Example Code:
<video controls tabindex="1"><source src="cdgQpa1pUUE.webm" type="video/webm"><source src="cdgQpa1pUUE.mp4" type="video/mp4"><track src="cdgQpa1pUUE.vtt" kind="descriptions" label="English descriptions" srclang="en-us"></track></video>Resources are for information purposes only, no endorsement implied.
For eachvideo element used to play a video:
Check that the video contains atrack element ofkind descriptions in the language of the video.
Check #1 is true.
If this is a sufficient technique for a success criterion, failing this test procedure does not necessarily mean that the success criterion has not been satisfied in some other way, only that this technique has not been successfully implemented and can not be used to claim conformance.
This Web page is part ofTechniques and Failures for Web Content Accessibility Guidelines 2.0 (see thelatest version of this document). The entire document is also available as asingle HTML file. See theThe WCAG 2.0 Documents for an explanation of how this document fits in with other Web Content Accessibility Guidelines (WCAG) 2.0 documents. To send public comments, please follow theInstructions for Commenting on WCAG 2.0 Documents.
Copyright © 2016W3C® (MIT,ERCIM,Keio,Beihang). W3Cliability,trademark anddocument use rules apply.