Versions Compared

Old Version 1

changes.mady.by.user p-clough

Saved on

compared with

New Version Current

changes.mady.by.user Jon Cameron

Saved on

Key

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

General Accessibility

Users can navigate the Avalon Media System by using the keyboard.

Using the TAB key allows users to move forward through each interactive element on the page (links, 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.

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 hit 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 directly to the Play button.

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. Each button can be triggered by hitting the ENTER key. The Play/Pause button can be triggered anytime the player controls are in focus by hitting the SPACEBARAvalon Media System currently reaches WCAG 2 Level AA conformance. Please see the WCAG 2.1 Guidelines for a full overview of what Avalon provides for accessibility support. There is not a VPAT for Avalon Media System at this time.

Media Player Keyboard Navigation

  • TAB key: move forward through each button/element on the player
    • Play/Pause
    • Track Scrubber
    • Magnify/Minimize Scrubber (if enabled)
    • Volume
    • Stream Quality
    • Create Thumbnail (collection staff only) - removed from media player in 7.7 release
    • Add to Playlist (logged-in users only) - removed from media player in 7.7 release
    • Fullscreen
  • SHIFT+TAB key: move backward through each button/element on the player.
  • ENTER key: trigger a button/element's behavior. When a media player button/element is selected via tab, spacebar will also trigger the button/element's behavior.
  • SPACEBAR: any time no text inputs are selected on the page, toggle between Play and Pause.
  • LEFT/RIGHT ARROW: any time no text inputs are selected on the page, scrub forward or backward through the track timeline.
  • UP/DOWN ARROW: any time no text inputs are selected on the page, increase or decrease volume.