<img src="https://img.shields.io/badge/%20-ALL-%2300B180" style="float:left"/><br />

JWP seeks to follow Web Content Accessibility Guidelines (WCAG) 2.x standards and WAI-ARIA guidelines. Some of these standards and guidelines include the following:

  • Keyboard being fully accessible

  • Supported screen readers should be usable at all times

  • Player customization with CSS to modify focus visibility

  • Level AA or AAA contrast ratios set through skin customization available both in a custom setup block and in the player builder in the dashboard

The following sections describe default keyboard accessibility, keyboard shortcuts, screen reader support, and captions customization.

<br /> <hr />

## Keyboard Accessibility

JWP enables viewers to have an accessible video experience without the use of a mouse. The web player maintains two persistent keyboard shortcuts: Esc and Tab.

<table> <thead> <tr> <th> Keyboard Key </th> <th> Action </th> </tr> </thead> <tbody> <tr> <td width="30%"> <strong>Esc</strong> </td> <td width="70%"> Exit a menu, overlay, or fullscreen UI</td> </tr> <tr> <td> <strong>Tab</strong> </td> <td> Advance to the next focusable item</td> </tr> </tbody> </table>

<br />

Once your viewers tab to the a video player on the page, they can use any of the following keyboard shortcuts. Our keyboard navigation is compatible with screen readers.

<table> <thead> <tr> <th> Keyboard Key </th> <th> Action </th> </tr> </thead> <tbody> <tr> <td width="30%"> <strong>Space bar</strong> </td> <td width="70%"> Pause or play video</td> </tr> <tr> <td> <strong>Enter</strong> </td> <td> Select the currently focused item <br /><br /> When nothing is in focus, the key pauses or plays the video. </td> </tr> <tr> <td> <strong>↑</strong> and <strong>↓</strong></td> <td> Increase or decrease volume by 10% <br /><br /> Navigate items in a submenu <sup>JW 8.4.0+</sup> </td> </tr> <tr> <td> <strong>←</strong> and <strong>β†’</strong></td> <td> Seek forward or backward by 5 seconds <br /><br /> Move focus from an item in a submenu to the menu bar <sup>JW 8.4.0+</sup> </td> </tr> <tr> <td> <strong>+</strong> and <strong>-</strong></td> <td> Increase or decrease the size of the captions <sup>JW 8.28.0+</sup></td> </tr> <tr> <td> <strong>0-9</strong></td> <td> Fast seek to x% of the video</td> </tr> <tr> <td> <strong>c</strong></td> <td> Toggle captions off, on, or cycle through the available tracks</td> </tr> <tr> <td> <strong>f</strong></td> <td> Enter or exit fullscreen</td> </tr> <tr> <td> <strong>m</strong></td> <td> Mute or unmute video volume</td> </tr> </tbody> </table>

<br />

### Disable shortcuts

Your viewers can always manually disable these shortcuts by following these steps:

  1. Right-click the player.

  2. Select **Keyboard Shortcuts** from the menu.

  3. Toggle the **Keyboard Shortcuts** option to **Disabled**.

<br /> <hr />

## Screen reader support

JWP supports the most-used screen readers for accessibility. Rather than guarantee support for every browser and OS, we test our player on browser and operating system combinations known to be widely used by accessibility viewers. For example, some browsers, such as Edge, are known within the community to offer only experimental screen reader support.

To increase the likelihood of a positive experience, we recommend advising your viewers to watch your videos with one of the following minimum combinations:

  • For JAWS 2017+, Internet Explorer 11 on Windows 10

  • For NVDA 2017+, Internet 11 or Firefox 57 on Windows 10

  • For VoiceOver, Safari 10 or Chrome 65 on Mac OS Sierra

<br /> <hr />

## Captions customization

As of **JW 8.12.0**, your viewers can style your captions directly within the player's settings menu (CC icon **> Settings**). This menu enables your viewers to adjust any of the standard captions settings according to their preferences.

The United States Federal Communications Commission (FCC) requires that a viewer must be able to customize the captions of all previously broadcasted content and online streams with captions.

<br />

<!-- Removes the automatic page-to-page navigation at the bottom of the page -->

<style> .rm-Pagination { display: none; } </style>