docs

Accessibility

<mave-player> is designed with accessibility in mind, ensuring that all users, regardless of their abilities, can effectively engage with video content. This document outlines the accessibility features integrated into the video player, supporting keyboard navigation, screen reader compatibility, captions, and more, to provide an inclusive user experience.

Keyboard Accessibility

<mave-player> supports comprehensive keyboard shortcuts for easy navigation and control:

Screen Reader Support

Through the <mave-text> component, users can access a textual representation of the video content, making it accessible for screen reader users and providing an alternative for those who are deaf or hard of hearing.

Captions and Subtitles

The player supports easy integration of captions and subtitles, enhancing accessibility for hearing-impaired users. Default language selection for subtitles can be specified, and we provide auto-generated subtitles based on the video’s spoken language.

Audio Descriptions

While direct audio descriptions are not provided, users can download the audio track of the video for an auditory experience of the content.

ARIA Roles and Labels

The video player uses ARIA roles and labels to improve accessibility, making it easier for users with disabilities to navigate and understand the player’s controls and content.

Playback Speed Control

Users have the option to control the playback speed of the video, accommodating different viewing preferences and enhancing the user experience.

Responsive Design

<mave-player> is responsive, ensuring that it is accessible and functional across a variety of devices and screen sizes.

High Contrast and Text Size

Currently, <mave-player> does not support modifications to text size or colors, nor does it offer a high contrast mode. This feature may be considered for future updates to enhance visibility and readability.

Feedback and Support

We are committed to continuously improving the accessibility of our video player. Users are encouraged to send feedback or report accessibility issues to [email protected].

🍪 Press 'Accept' to confirm that you accept we don't use cookies. Yes, this banner is just for show!
Accept