How can I create accessible content with Articulate?

Accessible e-learning makes it possible to design learning content so that it can also be used easily by people with disabilities – for example, people with visual impairments or limited mobility. With Articulate Storyline 360, you have various features available to make your courses accessible. In this article, we show you how to use ALT text, optimise keyboard navigation and ensure compatibility with screen readers, among other things.

Add ALT text for visual elements

ALT text (alternative descriptions) helps screen reader users understand visual content.

Here’s how:

1. Select an object (e.g. an image, button, or icon).

2. Right-click the object and select Edit accessibility label.

3. In the field, enter a short, descriptive text that explains the content or purpose of the element.

Note:
Decorative elements that have no meaningful content can be removed from the focus order so that they are ignored by screen readers.

Adjust keyboard navigation

So that learners can operate the course fully without a mouse, keyboard navigation must work correctly.

Set it up like this:

1. In the menu bar, go to View > Focus order.

2. Check the order in which objects are reached using the Tab key.

3. Remove non-interactive or decorative objects from the list.

4. Enter descriptive names for interactive elements so that screen readers announce them correctly.

Tip:
Test the course using the Tab key and make sure all important objects are reachable and understandable.

Ensure compatibility with screen readers

Storyline 360 supports common screen readers such as JAWS, NVDA, or VoiceOver. To ensure content is read out correctly, keep the following in mind:

• Use built-in player elements and interactions, as these are already prepared for screen readers.

• Use clear headings and structure your slides logically.

• Provide text descriptions for complex graphics or charts.

• Make sure all audio content is also available as a transcript.

Further recommendations

To make your content as accessible as possible, it’s also recommended to:

• Choose sufficiently high colour contrast (e.g. dark text on a light background).

• Avoid conveying information by colour alone.

• Make controls large enough and provide clear labels.

• Avoid timed interactions, or provide controllable alternatives (e.g. “Next” buttons instead of automatic navigation).