Accessibility introduction

Accessibility

Today's World Wide Web attempts to be more inclusive and accessible for people with disabilities or other handicaps. Standards recommendations like WCAG 2.1 strive to help achieve this goal.

Flowplayer Native is built to support accessibility, but you as a content owner need to take the following actions:

Here's a screenshot from a localized player with subtitles and keyboard shortcuts (not really seen on a still image)

Localized player

You can use the above setup on our configuration builder

Installation

Manual Javascript setup

You need to include the keyboard plugin for keyboard navigation. See the plugin documentation for available commands.

<script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/keyboard.min.js"></script>

OVP managed player

To enable the accessibility features in the async cloud player, load it in the configuration, either manually as shown in the code snippets below, or by adding it in the plugin section of the OVP player configurator:

<script src="//cdn.flowplayer.com/players/[your player id]/native/flowplayer.async.js">
{ "src": "[your source id]"
  , "plugins": ["keyboard"]
 }
</script>

Configuration

No additional configuration is needed for the keyboard plugin. For full accessibility, make sure to offer captions/subtitles and localize the player.

Demo

Codepen

By using this website you agree to our privacy policy
Results