The intent of this success criterion is to enable people who are deaf or hard of hearing to watch multimedia presentations. Captions provide the part of the content available via the audio track. Captions not only include dialog, but identify who is speaking and notate sound effects and other significant audio.
The following combinations of techniques are deemed to be sufficient by the WCAG Working Group for meeting success criterion 1.2 L1 SC1.
Provide captions as text stream elements where the system-captions test attribute has the value on
Video with caption area underneath.
<smil xmlns="http://www.w3.org/TR/REC-smil"> <head> <layout> <root-layout background-color="black" height="266" width="320"/> <region id="video" background-color="black" top="26" left="0" height="144" width="320"/> <region id="captions" background-color="black" top="186" height="80" left="0" width="320"/> </layout> </head> <body> <par> <textstream src="captions.rt" region="captions" system-captions="on" title="captions"/> <video src="movie.rm" begin="00:00.0" region="video" title="video"/> </par> </body> </smil>
Provide captions as text streams where the systemCaptions test attribute has the value on
Video with captions.
<smil xmlns="//www.w3.org/2001/SMIL20/Language"> <head> <layout> <root-layout backgroundColor="black" height="266" width="320"/> <region id="video" backgroundColor="black" top="26" left="0" height="144" width="320"/> <region id="captions" backgroundColor="black" top="186" height="80" left="0" width="320"/> </layout> </head> <body> <par> <textstream src="captions.rt" region="captions" systemCaptions="on" title="captions"/> <video src="movie.rm" region="video" title="video"/> </par> </body> </smil>
The following are common mistakes which are considered failures of this success criterion by the working group.
Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.
Video with caption area underneath.
<smil xmlns="http://www.w3.org/TR/REC-smil"> <head> <layout> <root-layout background-color="black" height="266" width="320"/> <region id="video" background-color="black" top="26" left="0" height="144" width="320"/> <region id="captions" background-color="black" top="186" height="80" left="0" width="320"/> </layout> </head> <body> <par> <switch> <textstream src="captionsde.rt" region="captions" system-language="de" system-captions="on"/> <textstream src="captionsen.rt" region="captions" system-captions="on"/> </switch> <video src="movie.rm" begin="00:00.0" region="video" title="video"/> </par> </body> </smil>
Video with captions.
<smil xmlns="//www.w3.org/2001/SMIL20/Language"> <head> <layout> <root-layout backgroundColor="black" height="266" width="320"/> <region id="video" backgroundColor="black" top="26" left="0" height="144" width="320"/> <region id="captions" backgroundColor="black" top="186" height="80" left="0" width="320"/> </layout> </head> <body> <par> <switch> <textstream src="captionsde.rt" region="captions" systemLanguage="de" systemCaptions="on"/> <textstream src="captionsen.rt" region="captions" systemCaptions="on"/> </switch> <video src="movie.rm" region="video" title="video"/> </par> </body> </smil>
A captioned tutorial.
A video clip shows how to tie a knot. The captions read,
"(music)
USING ROPE TO TIE KNOTS
WAS AN IMPORTANT SKILL
FOR THE LIKES OF SAILORS, SOLDIERS, AND WOODSMEN."
From Sample Transcript Formatting by Whit Anderson