SlideShare une entreprise Scribd logo
1  sur  51
Lessons Learned in
DIY Video Accessibility
@TheBillyGregory
@TheBillyGregory
Full Disclosure
• This is a story about how
we made V&L accessible
• I am not an expert on this
subject matter
• I’m going to be 100%
honest about how we
make V&L
• A lot of this info came from
listening to our viewers
(or a Lumberjack)
Not an expert
…and not being jerks
@VandLShow
Highway to Help
Hey…
wanna be
on the
internet?…
@KarlGroves
Making the Video
In the beginning…
we
went
broke.
#a11y Deeds
Done Dirt Cheap
Costa Rica
Rebranding #a11y
CSUN ‘15
Real World #a11y
All Over
Useless #a11y
Get Your
Accessibility
For
Editing
You
THAT!
Audio Description
• Audio Description is an audio-only track
• Synchronous with the video
• Describes necessary visual content
• Usually delivered during pauses in dialogue
• Supports comprehension for users who cannot
see the video
What is AD?
Robert Pearson
https://www.gofundme.com/robertpearson
July 8th, 1976 – December 26th, 2015
Shout it out loud
{“Shout it out loud” by KISS plays}
Chaos AD
Be consistent in use of
names, character references,
location descriptions, etc.AD*BP
Always “Billy”
Always “Karl”
Describe any obvious emotional
states but do not interpret them.AD*BP
Closed Captioning
What is CC?
• Text equivalent of spoken words or
meaningful sounds in video content
• Allows people with hearing loss or deafness
to get equal access to information
• Also, provides additional benefitsadditional benefits
Additional Benefits
“Friends with”?…
CC*BP
• Short phrases
• Speakers identified
• Punctuation to clarify meaning
• Correct spelling
• Sufficient contrast between text and background
Adding Captions
Adding Captions
Adding Captions
Adding Captions
BG*CC Tips
• Be careful with the arrow keys
• Save often
• Do NOT trust the auto-captions
Courtesy of @PatrickDunphy
Courtesy of @PatrickDunphy
If You Build It…
Looking
ahead
Thanks! @TheBillyGregory

Contenu connexe

En vedette

The Future of Video Player Accessibility
The Future of Video Player AccessibilityThe Future of Video Player Accessibility
The Future of Video Player Accessibility
3Play Media
 

En vedette (20)

Fringe Accessibility - Guelph Accessibility Conference
Fringe Accessibility - Guelph Accessibility ConferenceFringe Accessibility - Guelph Accessibility Conference
Fringe Accessibility - Guelph Accessibility Conference
 
“Selfish Accessibility” for Create Upstate 2016
“Selfish Accessibility” for Create Upstate 2016“Selfish Accessibility” for Create Upstate 2016
“Selfish Accessibility” for Create Upstate 2016
 
10 tips in 10 minutes - DevTO Sept 30, 2013
10 tips in 10 minutes - DevTO Sept 30, 201310 tips in 10 minutes - DevTO Sept 30, 2013
10 tips in 10 minutes - DevTO Sept 30, 2013
 
How Accessibility Made Me a Better Developer
How Accessibility Made Me a Better DeveloperHow Accessibility Made Me a Better Developer
How Accessibility Made Me a Better Developer
 
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016
 
Accessible svg charts using aria 2016
Accessible svg charts using aria 2016Accessible svg charts using aria 2016
Accessible svg charts using aria 2016
 
Fringe Accessibility: London Web Standards
Fringe Accessibility: London Web StandardsFringe Accessibility: London Web Standards
Fringe Accessibility: London Web Standards
 
Breaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an endBreaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an end
 
CSUN Inclusive Design Changes Perspective
CSUN Inclusive Design Changes PerspectiveCSUN Inclusive Design Changes Perspective
CSUN Inclusive Design Changes Perspective
 
Responsible Design: Accountable Accessibility
Responsible Design: Accountable AccessibilityResponsible Design: Accountable Accessibility
Responsible Design: Accountable Accessibility
 
The Future of Video Player Accessibility
The Future of Video Player AccessibilityThe Future of Video Player Accessibility
The Future of Video Player Accessibility
 
CSUN2017
CSUN2017CSUN2017
CSUN2017
 
2017 CSUN Color Contrast
2017 CSUN Color Contrast2017 CSUN Color Contrast
2017 CSUN Color Contrast
 
CSUN 2017 Success Criteria: Dependencies and Prioritization
CSUN 2017 Success Criteria: Dependencies and PrioritizationCSUN 2017 Success Criteria: Dependencies and Prioritization
CSUN 2017 Success Criteria: Dependencies and Prioritization
 
2017 CSUN The Art of Language in Accessibility
2017 CSUN The Art of Language in Accessibility2017 CSUN The Art of Language in Accessibility
2017 CSUN The Art of Language in Accessibility
 
Mystery Meat 2.0 – Making hidden mobile interactions accessible
Mystery Meat 2.0 – Making hidden mobile interactions accessibleMystery Meat 2.0 – Making hidden mobile interactions accessible
Mystery Meat 2.0 – Making hidden mobile interactions accessible
 
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
 
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGCSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
 
Mind your lang (for role=drinks at CSUN 2017)
Mind your lang (for role=drinks at CSUN 2017)Mind your lang (for role=drinks at CSUN 2017)
Mind your lang (for role=drinks at CSUN 2017)
 
Accessibility and Design: Where Productivity and Philosophy Meet
Accessibility and Design:  Where Productivity and Philosophy MeetAccessibility and Design:  Where Productivity and Philosophy Meet
Accessibility and Design: Where Productivity and Philosophy Meet
 

Similaire à AD CC and Me: Lessons Learned in Video Accessibility (6)

Video on social media webinar slides
Video on social media webinar slidesVideo on social media webinar slides
Video on social media webinar slides
 
Audience feedback
Audience feedbackAudience feedback
Audience feedback
 
tbex 2013 Toronto Video 101
tbex 2013 Toronto Video 101tbex 2013 Toronto Video 101
tbex 2013 Toronto Video 101
 
Q4
Q4Q4
Q4
 
Presentation2
Presentation2Presentation2
Presentation2
 
A picture paints a thousand words edit
A picture paints a thousand words editA picture paints a thousand words edit
A picture paints a thousand words edit
 

Dernier

Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort ServiceCall Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
nirzagarg
 
📱Dehradun Call Girls Service 📱☎️ +91'905,3900,678 ☎️📱 Call Girls In Dehradun 📱
📱Dehradun Call Girls Service 📱☎️ +91'905,3900,678 ☎️📱 Call Girls In Dehradun 📱📱Dehradun Call Girls Service 📱☎️ +91'905,3900,678 ☎️📱 Call Girls In Dehradun 📱
📱Dehradun Call Girls Service 📱☎️ +91'905,3900,678 ☎️📱 Call Girls In Dehradun 📱
@Chandigarh #call #Girls 9053900678 @Call #Girls in @Punjab 9053900678
 
VIP Call Girls Pollachi 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Pollachi 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Pollachi 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Pollachi 7001035870 Whatsapp Number, 24/07 Booking
dharasingh5698
 
( Pune ) VIP Baner Call Girls 🎗️ 9352988975 Sizzling | Escorts | Girls Are Re...
( Pune ) VIP Baner Call Girls 🎗️ 9352988975 Sizzling | Escorts | Girls Are Re...( Pune ) VIP Baner Call Girls 🎗️ 9352988975 Sizzling | Escorts | Girls Are Re...
( Pune ) VIP Baner Call Girls 🎗️ 9352988975 Sizzling | Escorts | Girls Are Re...
nilamkumrai
 
Thalassery Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call G...
Thalassery Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call G...Thalassery Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call G...
Thalassery Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call G...
Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure
 

Dernier (20)

best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
 
APNIC Updates presented by Paul Wilson at ARIN 53
APNIC Updates presented by Paul Wilson at ARIN 53APNIC Updates presented by Paul Wilson at ARIN 53
APNIC Updates presented by Paul Wilson at ARIN 53
 
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort ServiceCall Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
 
20240510 QFM016 Irresponsible AI Reading List April 2024.pdf
20240510 QFM016 Irresponsible AI Reading List April 2024.pdf20240510 QFM016 Irresponsible AI Reading List April 2024.pdf
20240510 QFM016 Irresponsible AI Reading List April 2024.pdf
 
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
 
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
 
Story Board.pptxrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
Story Board.pptxrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrStory Board.pptxrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
Story Board.pptxrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
 
📱Dehradun Call Girls Service 📱☎️ +91'905,3900,678 ☎️📱 Call Girls In Dehradun 📱
📱Dehradun Call Girls Service 📱☎️ +91'905,3900,678 ☎️📱 Call Girls In Dehradun 📱📱Dehradun Call Girls Service 📱☎️ +91'905,3900,678 ☎️📱 Call Girls In Dehradun 📱
📱Dehradun Call Girls Service 📱☎️ +91'905,3900,678 ☎️📱 Call Girls In Dehradun 📱
 
VIP Call Girls Pollachi 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Pollachi 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Pollachi 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Pollachi 7001035870 Whatsapp Number, 24/07 Booking
 
Call Girls Sangvi Call Me 7737669865 Budget Friendly No Advance BookingCall G...
Call Girls Sangvi Call Me 7737669865 Budget Friendly No Advance BookingCall G...Call Girls Sangvi Call Me 7737669865 Budget Friendly No Advance BookingCall G...
Call Girls Sangvi Call Me 7737669865 Budget Friendly No Advance BookingCall G...
 
Dubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls Dubai
Dubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls DubaiDubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls Dubai
Dubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls Dubai
 
Katraj ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready For S...
Katraj ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready For S...Katraj ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready For S...
Katraj ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready For S...
 
( Pune ) VIP Baner Call Girls 🎗️ 9352988975 Sizzling | Escorts | Girls Are Re...
( Pune ) VIP Baner Call Girls 🎗️ 9352988975 Sizzling | Escorts | Girls Are Re...( Pune ) VIP Baner Call Girls 🎗️ 9352988975 Sizzling | Escorts | Girls Are Re...
( Pune ) VIP Baner Call Girls 🎗️ 9352988975 Sizzling | Escorts | Girls Are Re...
 
Real Men Wear Diapers T Shirts sweatshirt
Real Men Wear Diapers T Shirts sweatshirtReal Men Wear Diapers T Shirts sweatshirt
Real Men Wear Diapers T Shirts sweatshirt
 
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
 
Thalassery Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call G...
Thalassery Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call G...Thalassery Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call G...
Thalassery Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call G...
 
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableCall Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
 
"Boost Your Digital Presence: Partner with a Leading SEO Agency"
"Boost Your Digital Presence: Partner with a Leading SEO Agency""Boost Your Digital Presence: Partner with a Leading SEO Agency"
"Boost Your Digital Presence: Partner with a Leading SEO Agency"
 
Wagholi & High Class Call Girls Pune Neha 8005736733 | 100% Gennuine High Cla...
Wagholi & High Class Call Girls Pune Neha 8005736733 | 100% Gennuine High Cla...Wagholi & High Class Call Girls Pune Neha 8005736733 | 100% Gennuine High Cla...
Wagholi & High Class Call Girls Pune Neha 8005736733 | 100% Gennuine High Cla...
 
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
 

AD CC and Me: Lessons Learned in Video Accessibility

Notes de l'éditeur

  1. We’re all adults, right? This is also talk about making videos on the internet… there’s not way we, as a group, won’t make at least 1 reference to “other” types of videos on the internet. But I assure you there is nothing in here that offended me. Read into that however you’d like.
  2. This is me, you can follow me on twitter I am not an expert But I am going to be 100% honest about V&L video creation ⁃ successes and failures - some of this info might be wrong. I’m just telling you what we do. a lot of this talk came from listening to our viewers ⁃ and, you know, not being dicks I should also mention that most of our videos live on YouTube so this walk will be mostly about that
  3. • Background info on the series / what we’re about etc • mike saw Karl and I talk at CSUN, it was awful but Karl and I recovered by bantering for a hour about nothing • Instead of firing us, he gave us series • We wanted to be Key & Peele - blew entire budget on first episode • if we wanted to do more we had to be creative • couldn’t - in good faith - release episodes for a series about a11y w/o being accessible • So we did it ourselves. • Since episode 2, V&L is 100% • written • shot • edited • captioned • described • … by V&L
  4. and by “accessible” we mean Audio Description and Closed Captions so think of this as less of a “how to” and more of a case study
  5. I want to talk a bit about how we make our videos not to glorify what we do, but to explain our process a bit
  6. Our first two episodes had a budget
  7. we filmed these in a real studio with real cameras and all that
  8. Then we went broke
  9. ⁃ shoot where/when we can ⁃ we film on a tight budget and even tighter timelines ⁃ We couldn’t be more low-tech if we tried
  10. our first attempt at DIY was in Costa rica we used a GoPro and an iPhone
  11. CSUN we used Mike’s suite we tried to use a script it didn’t work, it was awkward
  12. Really awkward.
  13. latest episode was filmed between August and November in Vienna, Budapest, Denver, Toronto filmed with an iPhone on a selfie stick
  14. 5 episodes, filmed in 5 countries - literally hundreds of views we got a little bit better every time and over time, 1 thing became clear Something we’ve always known, and we say to our customers all the time I’m surprised it took us this long to realize, since it’s the same basic principle as web a11y
  15. ⁃ film somewhere quiet or with minimal BG noise ⁃ describe as much in your script as possible ⁃ leave room when filming to describe later ⁃ Think about all this stuff, plan for it ⁃ you’ll thank yourself when it’s time to
  16. This is where the fun begins, we do all out own editing in iMovie
  17. • shoot lots of takes ⁃ in case we can’t use because of BG noise / mumbling • use the takes that ⁃ are funny ⁃ easy to understand ⁃ require the least amount of AD
  18. Sign off from Mike Too many “adult” jokes / re-edit YouTube doesn’t have the ability to offer multiple audio tracks you have to create 2 versions We found it was very important to make both versions the same length for reasons I’ll get to in a bit
  19. Described Video this is nothing new, Joe Clark wrote about it as far back as 2001 AMI have a great BP section if you google it http://www.ami.ca/media-accessibility/Pages/Described-Video-Best-Practices.aspx
  20. Speaking of AMI, when I first wanted to add AD to V&L, I reached out to one man first
  21. I’d be remiss not to mention Rob here He helped me so much in understanding AD and how best to go about it Go fund me account Rob actually helped me understand one basic principle when it came to AD…
  22. Just tell people what they need to know
  23. if you talk too long / too much it’s too confusing
  24. Preference is to describe facial gesture rather than guess at emotion.
  25. These guys (Netflix) took a LOT of flack about their lack of AD
  26. Mostly because of this show (Daredevil) Blind super hero show that isn’t accessible to blind viewers
  27. these days there AD is top notch Sina Bahram mentioned just yesterday that the are the best they don’t downplay, they tailor AD to the audience
  28. Sometimes you have to use the standard approach. to AD this is an example of our standard AD, it’s a scene from our latest video
  29. in other cases we were able to work it into the script. having AD makes videos more accessible AD as part of the script makes it more inclusive
  30. CC isn’t just for deaf viewers Karl and I talked about this in Episode 3 “Rebranding a11y” where we thought it really should be called “Do not disturb” mode
  31. There are plenty of services for the V&L Hangouts (Friday at noon - location TBA!) we use ACS (Alternative Communication Services) TV Worldwide did the first couple We were too broke to hire anyone so we used
  32. First we upload the video then YouTube will generate the auto-captions - and we’ll get back to them this can take a couple minutes to appear
  33. Now we want to go into the English (automatic) and we can see how google has generated the text we can see they aren’t perfect, so let’s clean them up a bit
  34. once we click “edit” and we can now edit the text blocks we can also click / drag those rectangles or drag the edges to these rectangles to lengthen or shorten the amount of time they are displayed on screen once they are done, we can hit publish
  35. now we can see our cleaned up captions remember when I mentioned how we wanted to keep our videos the same length? here’s why we’re going to add captions to our AD version
  36. to do this, we’re first going to export the captions from the first version which caption type doesn’t really matter here
  37. and we’re going to add them to our AD version
  38. Be careful with the arrow keys Save often Do NOT trust the auto-captions
  39. I mumble, I get it.
  40. I mumble, I get it.
  41. now… I’m not gonna say that she didn’t win because of this video but…
  42. now… I’m not gonna say that she didn’t win because of this video but…
  43. make episode 1 available eliminate the need for AD in all our videos keep making V&L vids for whoever watches them