Storyline Tab order for Accessibility.
Oct 03, 2012
I’m currently working on a compliance module, trying to convince the Powers that Be at my agency that Storyline will produce accessible trainings, so we can buy it and use it (so I don’t have to keep using SoftChalk). I’m on a trial version.
I need help with tabbing.
I'm attaching a zip file that has a storyline .story that has the slides in question. Since I wrote this originally a few days ago to Articulate support, I've tried some twists on my original slides to try to improve their usability. Those trials, with some descriptions in the Notes section, are also included in the attached .story.
I’ve got a page of interactions, for example, that has 3 tabs on the left. You click each one to view info on that subject (borrowed from a downloaded template). Works like a charm for mouse-and-sight users. Sort of works OK for a sighted keyboard user (3 tab example.png attached). The problem is with JAWS.
Problem is, for a screen reader, to read what’s in the big explanatory text field that's on the layer that opens when you click the tab, you have to tab to that object/text box. Ideally it would be the next thing that came up when you hit TAB. Is it? No. I improved things a LOT by unchecking the “visible to screen reader” checkbox in Size and Position for all the colored shapes, etc., but it’s still problematic. The text that the user needs to read, and logically should come next, is 6 tabs away.
It’s even worse on this other slide, where there are 10 circles, each with a name of a group protected from discrimination (Race, Religion, Disability, etc.), and every circle opens a different layer containing info on that group (screenshot in word doc).
Sometimes you have to tab 12 or more times to get from the original circular button to where the JAWS user can actually "see and read" the text on the new layer.
So, one enhancement I want to suggest or +1 is to make the tab order adjustable by the developer. I've submitted this as an enhancement request. But this is beyond that I think – I need to dynamically adjust tab order (and/or visibility to screen reader) as part of a trigger.
With the Protected Groups slide (the one above with the circle of circles), one of the alternate versions for JAWS is where all other group circles are disabled except the next one that you will click. This reduces the total number of tabs to “get to the goodies” but is involving a TON of triggers.
This work (with a dozen triggers for each of a dozen layers) causes me to want another enhancement: macros that allow me to bundle multiple triggers. What I came up with is to put dozens of triggers on an invisible layer and call it up every time someone clicks on a button. A numeric variable ultimately tells that invisible "macro layer" where to go next after it's done its work.
I'd really like some feedback about how other people are handling tab order, or how specifically you would modify these slides so they're not frustrating for a JAWS user.