Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessibility Comparison of Major Video Players

2,010 views

Published on

Gian Wild, CEO And Founder of AccessibilityOz, works in the area of web accessibility: making sure websites and mobile apps can be used by people with disabilities. At the forefront of her work is accessible video players. AccessibilityOz has tested the accessibility compliance of a number of different video players, and the results are eye-opening. In this webinar, Gian will talk about what makes a video player accessible, give us a peek into the testing she has done, and share the results of which video players are fully accessible.

Published in: Technology
  • Here's How YOU Can Stake Out Your Personal Claim In Our EIGHT MILLION DOLLAR GOLDMINE... ★★★ https://tinyurl.com/vd3y33w
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Accessibility Comparison of Major Video Players

  1. 1. www.accessibilityoz.com @accessibilityoz Accessibility Comparison of Major Video Players Gian Wild CEO and Founder AccessibilityOz www.3playmedia.co m Twitter: @3playmedia • Type questions in the window during the presentation • This webinar is being recorded & will be available for replay Elisa Edelberg (Moderator) 3Play Media
  2. 2. www.accessibilityoz.com @accessibilityoz Video player accessibility http://a11yoz.com/player17
  3. 3. Dyslexia Moderate vision impairment Severe vision impairment Epilepsy Migraines Physical impairment Fibromyalgia Multiple Sclerosis Crohns Disease PTSD Aspergers
  4. 4. It’s not just about vision impairments
  5. 5. @accessibilityoz Our Services  Audits  Mobile testing  Building web sites  CMS testing  Accessible design  Video accessibility  User testing  OS / browser testing  Consultation  Accessible documents
  6. 6. @accessibilityoz Our Products  OzPlayer  OzART  OzWiki  A11y Voices More information: www.accessibilityoz.com
  7. 7. @accessibilityoz About video  One-third of all online activity is watching video  Over half of all video content is viewed on mobile  Over 500 million people are watching video on Facebook every day (100 million hours)  More than 500 million hours of videos are watched on YouTube every day
  8. 8. @accessibilityoz About video  85% of Facebook videos are watched without sound  Completion of a video with captions doubles compared to without captions  Videos with transcripts earned 16% more revenue than videos without transcripts  80% of people that use captions are not Deaf or Hard Of Hearing
  9. 9. @accessibilityoz Common accessibility issues for video  Inadequate keyboard access  Insufficient control and operation  Incorrect implementation  Inaccessible content  Inability to gain a full and complete understanding of all information contained in the video
  10. 10. @accessibilityoz Resources AccessibilityOz – About – Articles and Interviews: • 8 steps to create accessible video • Video Accessibility Principles • Accessible Videos are Your Friend AccessibilityOz – About - Presentations • Video and Accessibility webinar AccessibilityOz – Factsheets • Video accessibility principles, impact on users, testing checklist
  11. 11. So how do you create an accessible video experience?
  12. 12. @accessibilityoz Accessible video 1. Accessible content in the video 2. Accessible video player 3. Never auto-play 4. No flashing content 5. Accessible transcript 6. Accessible captions 7. Accessible audio descriptions
  13. 13. gian@accessibilityoz.com accessibilityoz.com Video player testing: 37 players in all
  14. 14. @accessibilityoz Video players tested • AblePlayer • Acorn • Adobe • AFB • Amazon • AMI Player • Brightcove • Facebook • JW Player • Kaltura • MediaElement • MediaSite • Ooyala • OzPlayer • Panopto • PayPal • Plyr • RAMP • Video.js • Vidyard • Vimeo • Viostream • Wistia • Yahoo • YouTube • YouTube embed
  15. 15. @accessibilityoz About the testing Windows 10: • Google Chrome 61.0.3163.
  16. 16. @accessibilityoz Showstoppers • Audio is not played automatically unless the user is made aware this is happening or a pause or stop button is provided • Video does not contain a keyboard trap • Full-screen video does not contain a reverse keyboard trap
  17. 17. @accessibilityoz Round One Knockouts • AblePlayer • Acorn • Adobe • AFB • Amazon • AMI Player • Brightcove • Facebook • JW Player • Kaltura • MediaElement • MediaSite • Ooyala • OzPlayer • Panopto • PayPal • Plyr • RAMP • Video.js • Vidyard • Vimeo • Viostream • Wistia • Yahoo • YouTube • YouTube embed
  18. 18. @accessibilityoz Controls • Video volume can be changed independent of system volume • Color alone has not been used to convey information • Color contrast is sufficient (AA)
  19. 19. @accessibilityoz Keyboard • Video is keyboard accessible • Video has the correct keyboard focus order • Video controls have a keyboard focus indicator • Video controls have a highly visible keyboard focus indicator (AA)
  20. 20. @accessibilityoz Transcripts and captions • Where the video supports a transcript, the video transcript is easy-to-find • Video supports captions • Video captions are easy-to-find • Video caption color contrast is sufficient (AA) • Where video supports multi-lingual captions, the correct LANG attribute is used
  21. 21. @accessibilityoz Audio descriptions • Video supports audio descriptions
  22. 22. @accessibilityoz Statistics at the end of testing Lowest to highest: • MediaSite: 57% • Panopto: 64% • YouTube embedded, Plyr & JWPlayer: 71% • AblePlayer : 79% • Kaltura: 86% • OzPlayer: 100%
  23. 23. @accessibilityoz Issues MediaSite (57%) • Low color contrast • Low or no keyboard accessibility • No keyboard focus indicator • Inaccurate keyboard focus order • No audio descriptions Panopto (64%) • Color alone • Low color contrast • No highly visible keyboard focus indicator • Transcript not easy to access • No audio descriptions
  24. 24. @accessibilityoz Issues YouTube embedded (71%) • Low color contrast • Low caption color contrast • No highly visible keyboard focus indicator • No audio descriptions Plyr (71%) • Color alone • Low color contrast • No highly visible keyboard focus indicator • No audio descriptions
  25. 25. @accessibilityoz Issues JWPlayer (71%) • Color alone • Low color contrast • No highly visible keyboard focus indicator • No audio descriptions AblePlayer (79%) • Color alone • Low color contrast • Transcript is not easy-to- access
  26. 26. @accessibilityoz Issues Kaltura (86%) • Low color contrast • No audio descriptions OzPlayer (100%) • Yay! (A sigh of relief!)
  27. 27. gian@accessibilityoz.com accessibilityoz.com And then there was eight…
  28. 28. “Video is a very important source of information and is a remarkable of culture now. Blind individuals must not be excluded from access to data provided in video content. You can’t see, but you can understand.”
  29. 29. @accessibilityoz Screen reader testing Windows 10 with JAWS: • IE • FireFox • Chrome Windows 10 with NVDA: • IE • FireFox • Chrome • Edge iOS: • Safari with VoiceOver Android • Chrome with TalkBack
  30. 30. @accessibilityoz Showstoppers • Video could not be played
  31. 31. @accessibilityoz Round Two Knockouts • AblePlayer • JWPlayer • Kaltura • MediaSite • OzPlayer • Panopto • Plyr • YouTube embed
  32. 32. @accessibilityoz Screen reader tests • Player’s controls are labelled • Player’s controls are easy-to-find • Button status (on / off) is announced correctly • Volume level is announced while changing • Current time of the video is announced when requested • Fast forwarding or rewinding is operable • The title of the video is easy-to-find
  33. 33. @accessibilityoz Screen reader test • Captions are read automatically • Where a transcript is provided, the transcript is easy-to- find
  34. 34. @accessibilityoz Statistics at the end of testing Lowest to highest: • JW Player: 59% • MediaSite and YouTube embed: 69% • Kaltura: 73% • Plyr: 77% • AblePlayer: 79% • OzPlayer: 98%
  35. 35. @accessibilityoz Issues JWPlayer (59%) • Player’s controls are not easy-to-find • Button status / volume level is not announced • Captions not read automatically • FF / RW not available on mobile MediaSite (69%) • Player’s controls are not easy-to-find • Button status is not announced • Captions not read automatically • FF / RW not available on mobile
  36. 36. @accessibilityoz Issues YouTube embed (69%) • Player’s controls are not easy-to-find • Captions are not read automatically • Caption text is not easy-to- find • Caption status not announced on Android Kaltura (73%) • Player’s controls are not easy-to-find • Volume level not announced • Captions are not read automatically • FF and RW not available on Android
  37. 37. @accessibilityoz Issues Plyr (77%) • Player’s controls are not easy-to-find • Button status / volume level is not announced • Captions are not read automatically AblePlayer (79%) • Player’s controls are not easy-to-find • Button status not read correctly • Could not operate captions with JAWS or NVDA or on mobile
  38. 38. @accessibilityoz Issues OzPlayer (98%) • FF / RW is not available on Android Chrome
  39. 39. gian@accessibilityoz.com accessibilityoz.com And then there was seven…
  40. 40. @accessibilityoz About the testing Mobile: • Google Pixel 1, Android 8.0, Chrome: 62.0.3202.73; • iPhone 7+, iOS 10.3.2, Safari
  41. 41. @accessibilityoz Showstoppers • Cannot play video • Cannot pause video • Video crashed browser
  42. 42. @accessibilityoz Round Three Knockouts • AblePlayer • JWPlayer • Kaltura • MediaSite • OzPlayer • Plyr • YouTube embed
  43. 43. @accessibilityoz Statistics at the end of testing Lowest to highest: • JW Player: 75% • AblePlayer: 79% • Plyr: 86% • OzPlayer: 89%
  44. 44. @accessibilityoz Mobile tests • Video volume can be changed independent of system volume • Color alone has not been used to convey information • Color contrast is sufficient (AA) • Where the video supports a transcript, the video transcript is easy-to-find
  45. 45. @accessibilityoz Mobile tests • Video supports captions • Video captions are easy-to-access • Video caption color contrast is sufficient (AA) • Where video supports multi-lingual captions, the correct LANG attribute is used • Video supports audio descriptions
  46. 46. @accessibilityoz Issues JW Player (75%) • Volume cannot be changed independent of system volume • Color alone • Low color contrast • No audio descriptions AblePlayer (79%) • Volume cannot be changed independent of system volume • Color alone • Low color contrast • Captions sometimes appear twice
  47. 47. @accessibilityoz Issues Plyr (86%) • Color alone • No audio descriptions OzPlayer (89%) • Video volume cannot be changed independent of system volume • No audio descriptions
  48. 48. gian@accessibilityoz.com accessibilityoz.com And then there was four…
  49. 49. @accessibilityoz About the testing Mobile: • iPad, iOS 10, Zagg keyboard
  50. 50. @accessibilityoz Showstoppers • Cannot play video with keyboard • Cannot pause video with keyboard • Crashed browser
  51. 51. @accessibilityoz Round Three Knockouts • AblePlayer • JWPlayer • OzPlayer • Plyr
  52. 52. @accessibilityoz Statistics at the end of testing Lowest to highest: • AblePlayer: 100% • OzPlayer: 100% What we tested: • Controls are available to the keyboard
  53. 53. gian@accessibilityoz.com accessibilityoz.com Final results
  54. 54. @accessibilityoz Final results AblePlayer OzPlayer Testing 79% 100% Screen reader testing 79% 98% Mobile testing 79% 89% Mobile keyboard testing 100% 100% Total 84% 97%
  55. 55. @accessibilityoz Access AblePlayer and OzPlayer AblePlayer: • http://ableplayer.github.io/ableplayer OzPlayer: • http://www.accessibilityoz.com/ozplayer • Code Generator: https://www.accessibilityoz.com/ozplayer/ozplayer-code- generator/
  56. 56. It’s still not good enough
  57. 57. “To enjoy online materials you need to have three browsers, three screen readers and a smartphone with accessibility features, and extreme patience, and still satisfaction is not guaranteed.”
  58. 58. gian@accessibilityoz.com accessibilityoz.com What’s next? Testing on Mac Testing on other browsers
  59. 59. gian@accessibilityoz.com accessibilityoz.com What’s next? Did we miss any players?
  60. 60. gian@accessibilityoz.com accessibilityoz.com We are happy to share our results inquiries@accessibility oz.com
  61. 61. gian@accessibilityoz.com accessibilityoz.com Questions? http://a11yoz.com/ player17

×