• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
Digital A11y

Digital A11y

  • About
  • Articles
  • Resources
    • Cheat Sheets
    • A11Y Blogs
    • A11Y Toolkit
  • Web Accessibility
    • WCAG
    • WAI-ARIA
    • HTML
    • Mobile Accessibility
      • IOS
      • Android
    • Tools
  • Contact
Home > HTML > Accessible HTML5 Media Players & Resources

Accessible HTML5 Media Players & Resources

Last Modified on May 5, 2018 by Raghavendra Satish Peri 3 Comments

We see the audio & video content being embedded into the websites regularly, most of the content provided on the web is not accessible for a wide variety of people with disabilities. To make the life of developers more easier we compiled this list of accessible audio & video players. If there is any plug-in or accessible video player we missed please let us know in the comments section & we will update it accordingly.

  • Kaltura Player
  • Plyr
    Plyr – A simple, customizable HTML5 Video, Audio, YouTube and Vimeo player
  • AFB Accessible Media Player
    Download the American Foundation for the Blind Accessible Video Player, Version 1.1
  • fluid-project/videoPlayer
  • Open Media Player
    Open Media Player is a mainstream audio and video player that puts accessibility front and centre. We put the emphasis on ease of use for end-users and authors.
  • WET Media Player
    Media Player as part of Web Experience Toolkit.
  • Nomensa’s media player
    The Nomensa accessible media player is a flexible multimedia solution for websites and intranets. The core player consists of JavaScript wrapper responsible for generating an accessible HTML toolbar for interacting with a media player of your choice. We currently provide support for YouTube (default), Vimeo and JWPlayer although it should be possible to integrate the player with almost any media player on the web (provided a JavaScript api for the player in question is available).
  • Acorn Media Player
    Acorn Media Player is a HTML5 media player with a focus on accessibility and customization. Acorn Media Player is built with accessibility in mind. It provides full keyboard access using standard tab-based navigation, screen-reader (and other AT) support, accessible themes, and other accessibility tweaks.

  • MediaElement.js
    A complete HTML/CSS audio/video player built on top MediaElement.js and jQuery . Many great HTML5 players have a completely separate Flash UI in fallback mode, but MediaElementPlayer.js uses the same HTML/CSS for all players. Accessibility standards including WebVTT.
  • Video.js
    Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player. Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn’t supported, and also provides a consistent JavaScript API for interacting with the video.
  • Able Player
    Able Player is a fully accessible cross-browser media player. It uses the HTML5 audio or <video> element for browsers that support them, and (optionally) the JW Player as a fallback for those that don’t.
  • OzPlayer
    The first completely accessible video player

    Free for not-for-profit use!

    Video is great. It keeps visitors around for longer and keeps them coming back. It’s also usually inaccessible. OzPlayer solves this problem and also plays back video hosted on YouTube, Vimeo Pro, your website, your CDN, or anything else that will provide a standard MP4 or WebM video. It uses modern web standards like HTML5 audio and video, with a Flash fallback for older browsers and to provide codec compatibility.

    OzPlayer is fully compliant with the W3C Web Content Accessibility Guidelines, Version 2.0, Level AA. It has no keyboard traps, supports captions and audio descriptions, and has a unique system for providing a moving transcript.

  • Accessible HTML5 Video Player by PayPal
    A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For details, read the blog post Introducing an Accessible HTML5 Video Player on the PayPal Engineering blog.
  • BBC Standard Media Player
    Making the SMP both accessible and usable for disabled users is core to the player’s success. At the BBC we don’t just aim to comply with our standards and guidelines for accessibility but also consider the needs of disabled users when prioritizing features. We aim to add features that we know add value, improve user experience and ease of use for disabled users and not just able-bodied users.
  • Accessible and Responsive HTML5 Video Player by Laura Kalbag

Accessible Media Players for WordPress

  • Accessible Video Library
  • Able Player for WordPress

Audio Description Tools

YouDescribe – Audio Description for YouTube Videos
YouDescribe is a free accessibility tool to add audio description to YouTube videos. It allows anyone, anywhere to contribute description of an existing video and let a viewer who is visually impaired check it out right away.

Free Video Captioning Tools

  • Amara: Caption, Subtitle and Translate Video
  • The leading way to caption and translate videos online | Dotsub

Share A11Y Love

  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)

More Accessibility Articles!

Previous: Registration now open for FREE Web Accessibility Training for Developers
Next: 3.2.3 Consistent Navigation

Get Digital A11Y in Your Inbox

About Raghavendra Satish Peri

Peri as he is fondly called brings in rich experience in Digital Accessibility; He has worked with various clients ranging from Travel & Hospitality, ecommerce, Entertainment, Banking & Finance. Presently, he works at Deque Software as Digital Accessibility Consultant slaying web accessibility & mobile accessibility challenges.

Filed Under: HTML, Web Accessibility Tagged With: a11y players, accessible, accessible audio, accessible media, accessible video, captions, media players, transcripts

Reader Interactions

Trackbacks

  1. Multimedia Accessibility: I Hear What You See • Digital A11y says:
    August 21, 2018 at 11:00 am

    […] For more information & resources related to multimedia accessibility you can check our Accessible Media Players post. […]

    Reply
  2. Understanding SC 1.2.5 Audio Description (Prerecorded) • Digital A11y says:
    November 23, 2018 at 6:03 am

    […] media players that support audio […]

    Reply
  3. Understanding SC 1.2.4 Captions (Live) • Digital A11y says:
    February 7, 2019 at 8:57 am

    […] media players or broadcast platforms where live captioning is […]

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Subscribe to Digital A11Y

Recent Accessibility Articles

  • Understanding SC 1.2.4 Captions (Live)
  • Foresee Your Colors: Tools to Evaluate your design for Color contrast Accessibility
  • WebAIM’s Survey of Low Vision Users #2: What do we make of it?
  • Understanding SC 1.2.5 Audio Description (Prerecorded)
  • Captions – What to expect?

A11Y Categories

  • Design
  • Events
  • HTML
  • IOS
  • Mobile Accessibility
  • News
  • Tools
  • WAI-ARIA
  • WCAG
  • Web Accessibility

Acccessibility Archives

Accessibility Articles

© 2019 Digital A11Y · All Rights Reserved

  • twitter
  • facebook
  • Google Plus