Red Hat design system

Keyboard interactions

Every interactive element is a focus stop and controls are operated using different keyboard inputs. Users should be able to open and close menus while navigating other controls without losing focus. Audio playback and the volume level are expected to respond to keyboard inputs as well.

Image of all players with labels of how to activate or adjust all controls and menus

Key	Result
`Tab`	Moves the focus to the Close button or to the next interactive element
`Shift + Tab`	Moves focus to the previous control or interactive element
`Enter/Space`	Triggers a button, toggles a button on or off, or opens a menu
`Space/Esc`	Closes a feature if the close button has focus
`Left Arrow`	Rewinds audio by 15 seconds
`Right Arrow`	Advances audio by 15 seconds
`Up Arrow`	Increases volume or moves focus up within a menu
`Down Arrow`	Decreases volume or moves focus down within a menu

Focus order

A logical focus order helps keyboard users operate our websites. Elements need to receive focus in an order that preserves meaning, therefore the focus order should make sense and not jump around randomly. The focus moves across the audio player from left to right and top to bottom. When the focus is moved outside of the contextual menu, the menu closes.