Lca2009 Video A11y
Upcoming SlideShare
Loading in...5

Lca2009 Video A11y



Video is accessible when every person, no matter what limitations in language understanding, hearing, seeing, or other senses, can follow what is happening in a video and navigate it. Video ...

Video is accessible when every person, no matter what limitations in language understanding, hearing, seeing, or other senses, can follow what is happening in a video and navigate it. Video accessibility is fundamentally about providing textual and other additional information about the video to help provide information in channels other than eyes and ears.
Captions and subtitles are only one type of accessibility features - there are also audio annotations for the blind, and many other text representations that are related. For years, people have been requesting a solution for Ogg content with subtitles/captions. So far, the main solution was to create a text file (e.g. a srt file) and load it together with the video file into a media player that was then able to do the subtitling ("soft subs"). Now that Firefox supports Ogg Theora/Vorbis out of the box, an encapsulated solution is required ("hard subs").
Silvia is working for Xiph and Mozilla on this and has recently proposed a generic mapping of "text codecs" into Ogg. This will encapsulate the W3C TimedText standard as well as your fansubber's typical formats.



Total Views
Views on SlideShare
Embed Views



2 Embeds 46 43 3



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Lca2009 Video A11y Lca2009 Video A11y Presentation Transcript

  • Video Accessibility Silvia Pfeiffer Annodex, Xiph, Mozilla
  • The HTML5 <video> tag Example: <video src=“” poster=“” controls autoplay> </video>
  • What about a11y? • Captions (deaf / loud environments) • Subtitles (i18n) • Sign Language movies.html • Audio annotations (blind / eyes-off)
  • Sign Language & Audio • Multiplex into Ogg – Multitrack Theora – Multitrack Vorbis • Challenge: Rendering defaults • Challenge: Content Selection / Adaptation
  • Alternative • Captions are an alternative to sign language • Textual audio annotations are an alternative to audio – Rendering via braille – Rendering via screen-readers - possibly mono on one ear only
  • Text is the Focus
  • Captions/Subtitles: srt example 0 00:00:01,120 --> 00:00:04,520 1 00:00:05,000 --> 00:00:07,440 In most countries on the continent 2 00:00:08,000 --> 00:00:12,720 There were princes, they were absolute regimes,
  • How to link srt to <video> • Ad-hoc: <script type=quot;text/javascriptquot; src=quot;jquery.jsquot;></script> <script type=quot;text/javascriptquot; src=quot;;></script> <video src=quot;; id=quot;videoquot; controls> <div class=quot;srtquot; data-video=quot;videoquot; data-srt=quot;; />
  • Out-of-band proposal with <video> <video src=quot;; controls> <text category=quot;CCquot; lang=quot;enquot; src=quot;caption.srtquot;></text> <text category=quot;SUBquot; lang=quot;de” src=quot;german.dfxpquot;></text> <text category=quot;SUBquot; lang=quot;jp” src=quot;japanese.smilquot;></text> <text category=quot;SUBquot; lang=quot;fr” src=quot;translation_webservice/fr/caption.srtquot;></text> </video> e_usage/sample_timed_text.php
  • In-line in Ogg • Multi-track Ogg: – Theora – Vorbis – SRT • OggText / OggSRT mapping – –
  • But what about other text? • Lyrics • Karaoke • Ticker Text • Annotations • Transcripts • Linguistic markup • Metadata
  • Example .lrc file [ti:Let's Twist Again] [ar:Chubby Checker oppure Beatles, The] [au:Written by Kal Mann / Dave Appell, 1961] [al:Hits Of The 60's - Vol. 2 – Oldies] [00:12.00]Lyrics beginning ... [00:15.30]Some more lyrics ...
  • Example .kar file Karaoke file: (binary) midi - example
  • Example ticker text • AJAX XML ticker using .txt file <div class=quot;messagequot;> <a href=quot;http://www.javascriptkit.comquot; target=quot;_newquot;>JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts! </div> <div class=quot;messagequot;> <a href=quot;http://www.codingforums.comquot;>Coding Forums 2</a><br />Web coding and development forums. </div> <div class=quot;messagequot;> <a href=quot;http://www.cssdrive.comquot;>CSS Drive</a><br/>Categorized CSS gallery and examples. </div>
  • Example .trs file <?xml version=quot;1.0quot; encoding=quot;ISO-8859-1quot;?> <!DOCTYPE Trans SYSTEM quot;trans-14.dtdquot;> <Trans scribe=quot;James Eaton-Leequot; audio_filename=quot;scl2007_eben_moglenquot; version=quot;9quot; version_date=quot;070701quot; xml:lang=quot;enquot;> <Topics> <Topic id=quot;to1quot; desc=quot;The Global Software Industry in Transformation: After GPLv3quot;/> </Topics> <Speakers> <Speaker id=quot;spk1quot; name=quot;Eben Moglenquot; check=quot;noquot; type=quot;malequot; dialect=quot;nativequot; accent=quot;American Englishquot; scope=quot;globalquot;/> </Speakers> <Episode program=quot;quot; air_date=quot;26/07/2007quot;> <Section type=quot;reportquot; startTime=quot;0quot; endTime=quot;4938.762quot; topic=quot;to1quot;> <Turn startTime=quot;0quot; endTime=quot;146.632quot; speaker=quot;spk2quot; mode=quot;plannedquot; fidelity=quot;highquot; channel=quot;studioquot;> <Sync time=quot;0quot;/> Good evening everybody, and welcome to the Scottish society for Computers and Law annual lecture for 2007. <Sync time=quot;14.574quot;/> And it's I think a testament to the drawing power of our speaker this evening that we've got such a great turnout and there's an enduring interest in the subject of course, and so we're very very pleased to see not only lawyers, but real people as well. <Sync time=quot;36.537quot;/>
  • And what about further text- based functions? • Active regions • Chapter markers / Cue points -> Hyperlinks
  • What is the best language for text and hyperlinks on the Web?
  • W3C Timed Text? • DFXP: Distribution Format Exchange Profile <tt xml:lang=quot;quot; xmlns=quot;;> <head> <metadata/> <styling/> <layout/> </head> <body region=quot;subtitleAreaquot;> <div> <p xml:id=quot;subtitle1quot; begin=quot;0.76squot; end=quot;3.45squot;>It seems a paradox, does it not,</p> <p xml:id=quot;subtitle2quot; begin=quot;5.0squot; end=quot;10.0squot;>that the image formed on<br/>the Retina should be inverted?</p> </tt>
  • Why not just use HTML? • CSS for styling • Javascript for effects • Proposal: TDHT - Timed Divs HTML Body only has sequence of DIV tags with start and end attributes _HTML
  • Next Steps • Build a collection of example files • Implement SRT support – Out-of-band – In-line • Implement TDHT support • Detailed Specification • Non-text codecs • Content selection / adaptation • Standardisation