Producing accessible video content for the web

4,121
-1

Published on

This slideshow on accessible video content was presented at the wanau seminar in Melbourne, Australia on the 4th September 2009.

Any comments or questions most welcome!

All content is copyright Vision Australia 2009

Published in: Technology, Design
3 Comments
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,121
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
3
Likes
2
Embeds 0
No embeds

No notes for slide
  • Here's an example of a collated text transcript of a clip from "The Lion King“. Note that the Describer is providing the auditory description of the video track and that the description has been integrated into the transcript.
  • Full transcript provided in the same webpage
  • LIVE DEMO – description of who is talking as you can’t see on the screen
  • LIVE DEMO – mention keyboard controls and button labels – preferably customisable controls and captions
  • LIVE DEMO – mention keyboard controls and button labels – preferably customisable controls and captions
  • Producing accessible video content for the web

    1. 1. <ul><li>PRESENTS </li></ul>
    2. 2. <ul><li>FOR </li></ul>
    3. 3. <ul><li>PRODUCING ACCESSIBLE </li></ul><ul><li>VIDEO CONTENT </li></ul><ul><li>FOR THE WEB </li></ul>
    4. 4. <ul><li>In Australia in 2008… </li></ul>Credit: ARC Centre of Excellence for Creative Industries and Innovation CCi Digital Futures Report July 2008 3 out of 10 people watched video online
    5. 5. Understanding video content
    6. 6. <ul><li>WCAG 2.0 and video content </li></ul>
    7. 7. <ul><li>HTML format </li></ul><ul><li>Audio dialogue </li></ul><ul><li>Describe important visual scenes in video </li></ul>Transcripts (A/AAA)
    8. 8. <ul><li>W3C transcript example </li></ul><ul><li>Simba: Yeah! </li></ul><ul><li>Describer: Simba races outside, followed by his parents. Sarabi smiles and nudges Simba gently toward his father. The two sit side-by-side, watching the golden sunrise. </li></ul><ul><li>Mufasa: Look Simba, everything the light touches is our kingdom. </li></ul><ul><li>Simba: Wow. </li></ul>
    9. 10. <ul><li>SMIL (Synchronized Multimedia Integration Language) </li></ul><ul><li>With Flash use DXFP (Distribution Exchange Format Profile) XML format </li></ul><ul><li>Toggle on and off button </li></ul>Captions (A)
    10. 11. <ul><li>Provide captions and a transcript for video - convey mood, critical visual imagery and dialogue </li></ul>Captions toggle
    11. 12. <ul><li>Example captions: Economic Stimulus </li></ul><ul><li>www.economicstimulusplan.gov.au/road_rail/pages/default.aspx </li></ul>
    12. 13. <ul><li>Describe important information in the visual track </li></ul><ul><li>Embed in existing pauses of audio track </li></ul>Audio Description (AA)
    13. 14. <ul><li>Add pauses to the audio track and describe the visual track in more depth </li></ul>Extended Audio Description (AAA)
    14. 15. Sign Language (AAA) <ul><li>Auslan in Australia </li></ul><ul><li>Film interpreter at least waist up </li></ul><ul><li>Ensure compression doesn’t blur interpreter </li></ul>
    15. 16. <ul><li>Examples: australia.gov.au </li></ul><ul><li>www.australia.gov.au/about-australia/our-country/video-national-apology-to-the-stolen-generations </li></ul>
    16. 17. <ul><li>Accessible video players </li></ul>
    17. 18. Hosted <ul><li>Youtube – www.youtube.com </li></ul><ul><ul><li>Captions </li></ul></ul><ul><ul><li>No audio description toggle </li></ul></ul><ul><ul><li>Player buttons not fully accessible </li></ul></ul><ul><ul><li>JavaScript API </li></ul></ul><ul><li>Vimeo – www.vimeo.com </li></ul><ul><ul><li>No support for captions </li></ul></ul><ul><ul><li>No audio description toggle </li></ul></ul><ul><ul><li>Player buttons not fully accessible </li></ul></ul><ul><ul><li>JavaScript API </li></ul></ul>
    18. 19. <ul><li>Example of hosted: University of NSW </li></ul><ul><li>www.youtube.com/user/unsw </li></ul>
    19. 20. Host yourself <ul><li>Longtail player – www.longtailvideo.com/ </li></ul><ul><ul><li>Captions </li></ul></ul><ul><ul><li>Audio description toggle </li></ul></ul><ul><ul><li>Player buttons not fully accessible </li></ul></ul><ul><ul><li>JavaScript API </li></ul></ul><ul><li>Flowplayer – http://flowplayer.org/ </li></ul><ul><ul><li>Captions </li></ul></ul><ul><ul><li>No audio description toggle </li></ul></ul><ul><ul><li>JavaScript API </li></ul></ul><ul><ul><li>Plugin based </li></ul></ul>
    20. 21. <ul><li>Example of host yourself: Vision Australia </li></ul><ul><li>https://secure.visionaustralia.org/visionaustralia/onlineshop/ProductDetail.aspx?ID=41 </li></ul><ul><li>(using Flowplayer and JavaScript) </li></ul>
    21. 22. <ul><li>Difficulties with hosting yourself: </li></ul><ul><li>Customising the CMS </li></ul><ul><ul><li>Captions </li></ul></ul><ul><ul><li>Audio description </li></ul></ul><ul><ul><li>JavaScript </li></ul></ul>
    22. 23. <ul><li>For AA compliance: </li></ul><ul><ul><li>Captions </li></ul></ul><ul><ul><li>Audio described version </li></ul></ul><ul><ul><li>Vision Australia also recommends: </li></ul></ul><ul><ul><li>Transcript </li></ul></ul>Conclusion
    23. 24. Vision Australia <ul><li>Questions or comments? </li></ul>Resources http://www.visionaustralia.org.au/webaccess http://delicious.com/visionaustralia Contacts Damien McCormack - (03) 9864 9342 [email_address] Josh Crawford - (03) 9864 9287 [email_address]

    ×