Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Using the TAB key allows users to move forward through each interactive element on the page (links, text fields, search, buttons, etc.). Using the SHIFT+TAB keys allows the user to move backward through the same elements. As each element is focused it will be surrounded by an outline, in order to enhance its visibility from other elements on the page.

Image Added

The user can trigger an element's behavior by pressing the ENTER key, e.g. once a link is focused, pressing ENTER will open the link in the browser.

...

The first element on each page - when using the TAB key - is a "Skip to main content" link. This link moves the browser focus to the main content of the page, minimizing the number of times a user has to press the TAB key to get to the most prominent part of the page. When viewing an audio or video page, the "Skip to main content" link moves focus directly to the Play button.

Image Added

Player Accessibility

...

Using the TAB key allows users to move forward through each button on the player: Play/Pause, Mute Toggle, Stream Quality, Create Thumbnail, and Fullscreen. As each element is focused it will be surrounded by an outline, in order to enhance its visibility from other elements on the page.

Image Added

Each button can be triggered by pressing the ENTER key.

The Stream Quality selector will allow the user to use the TAB button to choose between the available stream qualities (defaults: High, Medium, Low for video and High, Medium for audio) by pressing the TAB key to highlight the appropriate button and then pressing the ENTER key to select the button.

Image Added

When the player controls have focus the user can toggle between Play and Pause by pressing the SPACEBAR.

...