by Ruth Ellison at Viocorp’s Multimedia Accessibility Seminar on 14 th February Tips for accessible & usable web multimedia content

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

UX & accessibility We

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

A QUICK RECAP....

Source: Accurate text equivalent of the audio or video file Transcripts

Source: Text superimposed and synchronized over the video Text equivalent of the audio Captions

Source: Open – integrated into video and always visible Closed – separate track, can be turned on & off Open & Close

Source: #! “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

Source: FaHCSIA Allows AUSLAN speakers to participate in an environment where text equivalents are not available Sign language

TIPS for an inclusive multimedia experience

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

Source: Tip #2: add headings and links to transcripts

Source: Verbatim transcripts apply in some situations (e.g. Legal) Minor edits generally ok Do not change meaning Tip #3: edit according to the situation

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

Source: (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

Source: Rickrolling!

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

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

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

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

Source: 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

Accessible media benefits all!

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, Source: Increased traffic

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

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...

Autistic spectrum, captions and audio description and-audio-description/ and-audio-description/ Transcripts on the Web: Getting people to your podcasts and videos Quick reference: accessibility requirements for online audio and video accessibility/media/requirementshttp:// accessibility/media/requirements Multimedia Accessibility FAQ Captioning key Media Access Australia Useful resources

Ruth Ellison Find this presentation at