New to Telerik UI for ASP.NET Core? Start a free 30-day trial

MediaPlayer Accessibility

Out of the box, the Telerik UI for ASP.NET Core MediaPlayer provides extensive accessibility support and enables users with disabilities to acquire complete control over its features.

The MediaPlayer is compliant with the Web Content Accessibility Guidelines (WCAG) 2.2 AA standards and Section 508 requirements, follows the Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) best practices for implementing the keyboard navigation for its component role, provides options for managing its focus and is tested against the most popular screen readers.

WAI-ARIA

This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any.

Selector	Attribute	Usage
`.k-mediaplayer-seekbar span`	`role=slider`	Announces the `slider` role of the seekbar element.
	`aria-label`	Specifies label for the seekbar slider.
	`aria-valuenow`	Specifies the currently selected value in the seekbar slider.
	`aria-valuemin`	Specifies the minimum available value in the seekbar slider.
	`aria-valuemax`	Specifies the maximum available value in the seekbar slider.
`.k-play-button`	`aria-selected=true`	Specifies whether the play is selected or not.
	`aria-label`	Specifies label for the play/pause button.
`.k-volume-button`	`aria-selected=true`	Specifies whether the mute is selected or not.
	`aria-label`	Specifies label for the mute button.
`.k-mediaplayer-volume span`	`role=slider`	Announces the `slider` role of the volume element.
	`aria-label`	Specifies label for the volume slider.
	`aria-valuenow`	Specifies the currently selected value in the volume slider.
	`aria-valuemin`	Specifies the minimum available value in the volume slider.
	`aria-valuemax`	Specifies the maximum available value in the volume slider.
`.k-mediaplayer-quality-wrap`	`role=listbox`	The quality element must be exposed as listbox.
	`aria-label`	Specifies label for the quality button.
`.k-fullscreen-button`	`aria-selected=true`	Specifies whether the full screen is selected or not.
	`aria-label`	Specifies label for full screen button.

Section 508

The MediaPlayer is fully compliant with the Section 508 requirements.

Testing

The MediaPlayer has been extensively tested automatically with axe-core and manually with the most popular screen readers.

To report any accessibility issues, contact the team through the Telerik Support System.

Screen Readers

The MediaPlayer has been tested with the following screen readers and browsers combinations:

Environment	Tool
Firefox	NVDA
Chrome	JAWS
Microsoft Edge	JAWS

Test Example

To test the MediaPlayer component, refer to the MediaPlayer Accessibility Demo.

For details on how the MediaPlayer keyboard navigation works, refer to the MediaPlayer Keyboard Navigation article.