Sometimes it’s helpful to change the focus order of your slide objects to improve keyboard navigation and make your course accessible to learners with screen readers. With Storyline 360, it’s easy to do.
Tab & Reading Order
The Focus Order window controls the tab order of interactive objects, such as buttons and markers, as well as the reading order for non-interactive objects, such as text and images.
- Customizing the Focus Order
- Removing Objects from the Focus Order
- Restoring Objects to the Focus Order
- Resetting the Focus Order to Its Original State
- Adding Alternate Text for Screen Readers
- Open the slide you want to customize in Slide View.
- Go to the Home tab on the Storyline ribbon and click Focus Order.
- When the Focus Order window opens, select the option to Create a custom focus order in the upper left corner.
- To change the focus order of an object, select it, then use the Up/Down arrows in the lower right corner or drag it to move it to a new location in the list. (Storyline 360 will highlight the selected object on the slide with a red outline, so it’s clear which object you’re editing.)
- When you’re finished, click Save.
- As of April 2022, you can select multiple objects, then move them all at once.
- The default focus order is left to right and top to bottom.
- All objects for the slide appear in the Focus Order window, including objects from layers and slide masters.
- If you add new objects to the slide after customizing the focus order, they appear at the bottom of the list.
- The focus order controls the reading order of text and images for screen readers.
- You can't customize the focus order of player navigation elements, but you can skip them when you're tabbing through a slide with a screen reader.
It’s a good idea to remove objects from the focus order altogether if they aren’t crucial to the context of the slide. For example, you might remove background design elements from the focus order so learners won’t have to repeatedly press the Tab key or screen reader navigation keys to advance to important elements, such as captions and text-entry fields.
To remove an object from the focus order, select it in the list and click the Remove button in the lower left corner of the window.
Removing an object from the focus order doesn’t delete it from the slide. It only hides it from keyboard navigation and screen readers.
- As of April 2022, you can select multiple objects, then remove them all at once.
- To remove a slide master object from the focus order, you'll need to switch to Slide Master View (press F4). Right-click the object and choose Size and Position, then select the Accessibility tab and uncheck the visibility box.
To restore an object to the focus order that you previously removed, click the Add button in the lower left corner of the window and select the object you want to restore.
To restore all objects at once, click the Add button and choose Add all objects back to the focus order.
Need to start over? Just mark the option to Use the default focus order at the top of the window or click Reset Order at the bottom of the window. Here’s the difference between the two:
- Use the default focus order: This option resets your focus order and remembers your custom order in case you want to switch back.
- Reset Order: This option resets your focus order but doesn’t remember your custom order.
Both options reset only the objects currently in the focus order list. They don’t restore objects you previously removed. See Restoring Objects to the Focus Order.
To add alternate text for screen readers, simply enter text in the Alternate Text column on the right side of the focus order window.
If an object doesn’t have alternate text, screen readers will read the name of that object as it appears in the timeline.
Screen readers won’t read objects that you’ve removed from the focus order.
Although slide master objects appear in the focus order window, you'll need to switch to Slide Master View (press F4) to set their alternate text. Right-click each object on the slide master, choose Size and Position, and select the Accessibility tab.