1. by Ruth Ellison at Viocorp’s Multimedia Accessibility Seminar on 14 th February 2012 @RuthEllison From @StamfordUX Tips for accessible & usable web multimedia content

2. User experience designer Work at Stamford Interactive Chocolate appreciator Love robots Hi, I’m Ruth Caricature by the talented Hayley Welsh

3. UX & accessibility We

4. Transcripts Closed captions Open captions Audio descriptions Sign language OMG!!!!!

5. A QUICK RECAP....

6. Source: http://www.abc.net.au/insiders/content/2012/s3428667.htm Accurate text equivalent of the audio or video file Transcripts

7. Source: http://dotsub.com/view/3f2e11e4-a8fb-47df-9d24-35ffadda60cb Text superimposed and synchronized over the video Text equivalent of the audio Captions

8. Source: http://www.youtube.com/watch?v=XdTUSignq7Y&cc=1 Open – integrated into video and always visible Closed – separate track, can be turned on & off Open & Close

9. Source: http://www.youtube.com/watch?v=tWwPfghmupM&feature=player_embedded #! “At the house, Trace holds on to a punching bag attached to a tree...” Synchronised narrated descriptions of visual details that cannot be understand from the audio alone Audio description

10. Source: FaHCSIA http://www.youtube.com/watch?v=sqYu2QhmEC4 Allows AUSLAN speakers to participate in an environment where text equivalents are not available Sign language

11. TIPS for an inclusive multimedia experience

12. WCAG 2.0 A/AAA Tip #1: transcripts: include speech & non speech content

13. Source: http://www.w3.org/WAI/highlights/200606wcag2interview.html, http://www.w3.org/WAI/highlights/200706wcag2pres Tip #2: add headings and links to transcripts

14. Source: http://www.uiaccess.com/transcripts/transcripts_on_the_web.html Verbatim transcripts apply in some situations (e.g. Legal) Minor edits generally ok Do not change meaning Tip #3: edit according to the situation

15. Tip #4: audio: ensure all relevant information is recorded

16. Source: http://www.dcmp.org/captioningkey/special_considerations.html, http://www.dcmp.org/captioningkey/sound_effects.html (John) Bring out the band! [audience cheering] [whispering] I like you [Southern accent] If y’all want me to. Slang & accents Shout, mumble, whisper.... Noises & sound effects Tip #5: captions should capture all relevant information

17. Source: http://www.youtube.com/watch?v=QRS8MkLhQmM Rickrolling!

18. Make sure video/audio controls can be controlled by the keyboard and mouse WCAG 2.0 2.1.2 A Tip #6: no keyboard traps!

19. Play, pause, stop and volume control WCAG 2.0 2.2.2 A Tip #7: give user control over play/pause, volume

20. Helps people with photosensitive epilepsy & photosensitive seizure disorders WCAG 2.0 2.3.2 AAA Tip #8: don’t use content that flashes >3/second

21. It’s annoying! Tip #9: don’t autoplay audio & video

22. Source: http://www.dcmp.org/captioningkey/lang_mechanics.html, http://www.dcmp.org/captioningkey/special_considerations.html Use consistent spelling throughout the media Don’t use ALL CAPS Allow enough time to read captions or hear audio descriptions Tip #10: be predicable & consistent

23. Accessible media benefits all!

24. CNET 30% increase in traffic from Google “We saw a significant increase in SEO referrals when we launched an HTML version of our site, the major component of which was our transcripts.” - Justin Eckhouse, CNET, 2009. Source: http://www.w3.org/WAI/bcase/resources.html#cases Increased traffic

25. Captions & audio descriptions help:  To identify emotion  Reinforces what’s going on visually & what’s being said Autism spectrum

26. Deaf or hard of hearing Busy people English as a second language Low/expensive bandwidth situations (e.g. Mobile) Noisy environments Quiet environments Everyone else...

27. Autistic spectrum, captions and audio description http://mindfulresearch.co.uk/2011/08/29/autistic-spectrum-captions- and-audio-description/http://mindfulresearch.co.uk/2011/08/29/autistic-spectrum-captions- and-audio-description/ Transcripts on the Web: Getting people to your podcasts and videos http://www.uiaccess.com/transcripts/transcripts_on_the_web.html http://www.uiaccess.com/transcripts/transcripts_on_the_web.html Quick reference: accessibility requirements for online audio and video http://www.mediaaccess.org.au/practical-web- accessibility/media/requirementshttp://www.mediaaccess.org.au/practical-web- accessibility/media/requirements Multimedia Accessibility FAQ http://www.w3.org/2008/06/video-noteshttp://www.w3.org/2008/06/video-notes Captioning key http://www.dcmp.org/captioningkey/http://www.dcmp.org/captioningkey/ Media Access Australia http://mediaaccess.org.au/http://mediaaccess.org.au/ Useful resources

28. Ruth Ellison Email: ruthe@stamfordinteractive.com.au Web: www.stamfordinteractive.com.auwww.stamfordinteractive.com.au @RuthEllison @StamfordUX Find this presentation at www.slideshare.net/ruthellisonwww.slideshare.net/ruthellison