Overcoming Platform Accessibility Limitations –

Working with Articulate Storyline 360

March 15, 2019

Michael Parker, MSSenior Accessibility Consultantmichaelp@accessingenuity.com

707.579.4380

Slides: https://www.accessingenuity.com/aiatcsun/

About Access Ingenuity An independent accessibility and

consulting firm since 2002, Access Ingenuity’s mission is to:

Help clients make their documents and websites accessible to people with disabilities

Help end-users access accessible content

Services include: training, testing, remediation, implementation support and compliance monitoring

Agenda

Storyline 360 Accessibility Limitations

Techniques for Addressing Accessibility Barriers

Platform Improvements Needed

Q & A

Storyline 360 Accessibility Limitations Menu

Hidden Menu Items Exposed to Keyboard Users

No Visual Focus in High Contrast

Some links have multiple labels (Resources, Help)

Navigation relies on the use of tab key only (application role)

Storyline 360 Accessibility Limitations Semantic Structure is not

conveyed, including:

Headings

Lists

Tables

Scrolling Text in Transcripts, Glossary is not keyboard accessible

Overview of Storyline 360 Accessibility Limitations Demonstration

Accessibility Strategies (1) The Basics

Add alternative text for images;

Ensure that multimedia content has captions and/or transcripts where required;

Ensure the tab order is correct;

Accessibility Strategies (2)

The Basics (Cont)

Providing alternatives to drag and drop or hotspot interactions for keyboard-only users;

Add a course title in player properties; and

Ensure that form input has adequate labels, instructions and error feedback.

Accessibility Strategies (3)

Enhanced Strategies

Provide Instructions for Screen Reader Users

Format Lists with Numbers (1, 2, 3, etc.) to convey structure

Avoid Tables larger than 2 x 2

Consider structuring larger tables as numbered “lists”

Accessibility Strategies (4)

Enhanced Strategies

Eliminate text scrolling issues by avoiding lengthy transcripts or glossary items

Modify the HTML Code to make other corrections, including: Duplicate labels

Etc.

Platform Enhancements Needed

Ensure screen readers can access the platform content using both standard screen reading commands as well as the tab key;

Redesign the platform menu so that it logical and intuitive for both keyboard-only and screen reader users and that color alone is not the only means of distinguishing between selected items in the menu;

Platform Enhancements Needed

Ensure that the semantic structure (such as headings, lists, and tables) are communicated to screen reader users;

Create a searchable database of accessible Storyline templates that have passed basic accessibility tests.

Questions?

Thanks for attending!

Michael Parker, MSSenior Accessibility Consultantmichaelp@accessingenuity.com707.579.4380

Slides: https://www.accessingenuity.com/aiatcsun/