• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Digital A11Y

Digital A11Y

Your Accessibility Partner

  • About
  • Articles
  • WAI-ARIA
  • WCAG
  • Resources
    • Cheat Sheets
    • A11Y Blogs
    • A11Y Toolkit
  • Contact
You are here: Home / HTML / Accessible HTML5 Media Players & Resources

Accessible HTML5 Media Players & Resources

Last Modified: March 12, 2020 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
  • 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

  • Twitter
  • LinkedIn
  • Facebook
  • Reddit

More Accessibility Articles

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

About Raghavendra Satish Peri

Raghavendra Satish Peri is a digital accessibility evangelist working at Deque Systems as Senior Accessibility Consultant breaking web accessibility & mobile accessibility challenges. He authors an Accessibility Blog & is galvanizing the adoption of accessibility by inspiring the local tech community with meetups and mentorship. He propelled this thought by founding HelloA11y, a community of accessibility professionals, developers and enthusiasts. When away from his computer, Raghava can be found at local cafes & restaurants sampling cuisines, attending local meetups, listening to audio books or writing on his Personal Blog. Raghavendra Satish Peri also helps small business & individuals with Digital Marketing Trainings & SEO consulting… He has been building websites & doing SEO Consulting for more than 14years.

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

Get Digital A11Y in Your Inbox

Recent A11Y Articles

  • Understanding SC 4.1.3 Status messages
  • Understanding SC 2.5.4 Motion Actuation
  • Understanding SC 2.5.3 Label in Name
  • Knowbility looking for mentors in its Accessible Internet Rally
  • Understanding SC 2.5.2 Pointer Cancellation

Recent Comments

  • Al on Understanding SC 4.1.2 Name, Role, Value
  • Randy on Screen Readers & Browsers! Which is the Best Combination for Accessibility Testing?
  • Raghavendra Satish Peri on Screen Readers & Browsers! Which is the Best Combination for Accessibility Testing?
  • Raghavendra Satish Peri on Understanding SC 1.4.12 Text Spacing
  • Raghavendra Satish Peri on Understanding SC 4.1.2 Name, Role, Value

A11Y Categories

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

  • Privacy Policy
  • Sitemap
© 2021 Digital A11Y