Storyline 360: Accessible Player Controls

Article Last Updated

This article applies to:

Starting with the December 2020 update, the Storyline 360 player controls are more intuitive and more accessible than ever, giving learners a familiar web experience and allowing authors to reach a wider audience. We owe you, our community of course creators, a debt of gratitude for sharing your feedback and insights with us. The following enhancements are the result of your input.

New Order of Controls

We rearranged the player controls visually so they follow a logical order similar to popular video-streaming sites where the play/pause button and seekbar come first. Check out these before-and-after screenshots of the desktop and mobile players. (Click the images to enlarge them.)

Before

After

Desktop player without accessible controls
Desktop Player
Desktop player with accessible controls
Desktop Player
Mobile player without accessible controls
Mobile Player
Mobile player with accessible controls
Mobile Player

Intuitive Keyboard Navigation

Keyboard navigation now moves intuitively from left to right through the player controls. While the previous right-to-left sequence gave learners quick access to the Next button, it wasn't a typical web experience for keyboard users. Now learners know what to expect, even if they've never taken a Storyline 360 course before.

Left-to-right keyboard navigation through the player controls

Pro Tip: When you use a right-to-left language, such as Arabic or Hebrew, the order of the player controls reverses, and keyboard navigation moves from right to left as expected.

Keyboard Shortcuts

Keyboard shortcuts benefit everyone, especially screen reader users and learners with motor disabilities, so we added shortcuts for the following actions. They work no matter where the keyboard focus is currently located in the course.

Action

Shortcut

Toggle zoom to fit

Ctrl+Alt+Z

Toggle accessible text

Ctrl+Alt+T

Mute/unmute audio

Ctrl+Alt+M

Toggle closed captions

Ctrl+Alt+C

Replay the slide

Ctrl+Alt+R

Play/pause

Ctrl+Alt+P

Previous slide

Ctrl+Alt+, (comma)

Next slide

Ctrl+Alt+. (period)

Submit slide

Ctrl+Alt+S

Learners can press Shift+? at any time to see a list of keyboard shortcuts. There are three options for closing the shortcuts screen: press Shift+? again, press ESC, or click the X in the upper right corner.

List of keyboard shortcuts in a published Storyline 360 course

Accessibility Controls

We added a brand new gear icon to the player that lets learners customize their learning experience according to their preferences. When you enable the new Accessibility controls menu in your player properties, learners can change the zoom mode in the modern player, turn accessible text on or off, and toggle keyboard shortcuts. Learn more about the new accessibility controls.

A published Storyline 360 course with the accessibility settings menu open and showing the three accessibility controls

Compatibility

Storyline 3 doesn't have enhanced player controls yet. However, you can open the same project file in both Storyline 360 and Storyline 3 interchangeably, even if you enable the new accessibility controls. Storyline 3 won't display the new gear icon, change the order of the player controls, or respond to keyboard shortcuts.

We'll add accessible player controls to Storyline 3 in a future update. Learn more about compatibility.