Screen Reader and Storyline 360

May 13, 2020

I've seen some articles here, but not quite what I'm encountering.

Articulate downloads had a DOFFING course that I downloaded.  I branded it and kept the references to ownership.  (Thank you, designer!) 

Our organization is uber-aware of accessibility.  I used the TAB ORDER feature to eliminate some stuff that would be repetitive.  These items are no longer in the tab order, the checkbox is not checked for reader visibility, they are not on the master slides, but still are on the screen for visual effect.  While everything looks good (read eliminated for screen reader purposes) on my end, when our accessibility check is done using JAWS 2020, these same eliminated items are still being read aloud.  Oh, okay, I goofed, right?  So I went and checked those same items again with the same result - they don't exist in the course!

Why would this be happening?   And how do I stop this in future?

10 Replies
Lauren Connelly

Hi Robin!

We're happy to help! I'm having a difficult time narrowing down why the file would change to not include the previous Tab Order and other accessibility changes.

Would you mind including a few more details so that we can begin troubleshooting?

  • Which version of Storyline 360 are you using?
  • Are you seeing this change in every project or just this one?
  • How are you saving the projects? 

Lastly, if you have a file that you can share that would be helpful! You can either share it in this discussion by using the Add Attachment button or you can use this upload link to share the file privately. Either way, we'll take a look and share our findings!

robin innes

Hey, Lauren!
Thank you for your assistance. We are entirely stumped.

Version: 3.39.22088.0

This is the first time something like this has happened.

Saving? Well, first save is using SAVE AS with .story as the file
extension. From then on, it's usually just SAVE.

Like i mentioned in my post, the file originated on the COMMUNITY site.
(Thank you again, designer!) Our procedure requires accessibility review
and remedy. I stripped some non-essential slides, used our branding,
increased font size and contrast, used TAB ORDER to remove/change
order/label, and checked SLIDE MASTER to see if anything was anything there
(there was not). All looks good from my side. (See attached file dated
5/1/20.)

As our accessibility checking is going on, JAWS 2020 is reading things that
have been removed from TAB ORDER. For example, on slide 1.12, you'll see
that the word 4. MASK is in blue and "active" in the TAB ORDER. 1. GLOVES,
2. GOGGLES, and 3. GOWNS are gone from the TAB ORDER, although they appear
on screen. Since JAWS 2020 was still reading 1., 2., and 3., I went back
in and looked specifically at those items to check accessibility (right
click, Accessibility). Items were unchecked. Indeed, Storyline TAB ORDER
worked and 1., 2., and 3. should not have been visible to the screen reader.

An easy fix, of course, is to redesign without the 1., 2., and 3. verbiage,
but that doesn't actually address, perhaps, a larger issue. Why is JAWS
2020 picking it up? What have I not done? Is it Storyline? JAWS 2020?
The intermingling of the two?

Katie Riggio

Hey there, Robin!

Thanks for sharing your file with us for a closer look. Here's a quick recording of what I'm hearing in JAWS version 2020.2004.66:

I also focused on slide 1.12, where JAWS appears to read the slide correctly without mentioning 1. GLOVES, 2. GOGGLES, and 3. GOWNS — both during preview and in the published output.

You did all the right things by unchecking those items in the Object is visible to accessibility tools field and removing it from the Tab Order. A few more questions so we can narrow down the cause:

robin innes

Okay, Katie! Sorry for the delay. I wanted the same person, same
procedure, same everything. Here is her (Renae's) reply:

Robin,

First question, what did Katie from Articulate use to record that demo?
Maddie is going to be using Camtasia, but this example is so clear,
compared to the demo of Camtasia on CSU Learn and YouTube. *(AGREED! YOUR
RECORDING PRODUCTION QUALITY IS AWESOME!)*

In summary for testing, the numbers are no longer repeated on each slide,
but the images and image text do get repeated. (Not sure if that is
adjustable in the reading order.) Let me know where you want to go from
here. I can keep going with it (correct and re-test) or let it go. I’m good
either way.

In the example provided by Katie, I hear what she hears. The numbers do not
get repeated.

In the 1st example below, I hear each part. (Glove, Outside…, alt text for
image, then Using a gloved…). In the 2nd screen shot, I hear a repeat of
the 1st , then the 2nd image alt text, then directions.
[image: image.png]

[image: image.png]

This example works. Glove is not read by the screen reader.

[image: image.png]

When you go to the next slide, #2, Outside of goggles… are read again.

So the question is, does the reading order indicate just the new image be
read?

[image: image.png]

It’s the same with the section. #1, #2 are not read again, which is good.

However, the images (& alt text), with the text under the images are read
each time on the slide. Is this also controlled on the reading order?

[image: image.png]

Katie Riggio

Hey Robin,

I appreciate you coming back with the images. It's super helpful to see!

First, I republished the course for Web for a retest since my last output link expired: New Link

In the 1st example below, I hear each part. (Glove, Outside…, alt text for 
image, then Using a gloved…). In the 2nd screenshot, I hear a repeat of the 1st , then the 2nd image alt text, then directions. 

Uh oh, it looks like the screenshots for this statement didn't make their way in the PDF. Can I have you attach the corresponding images to our discussion?

This example works. Glove is not read by the screen reader.

I'm also not hearing JAWS read Gloves on slide 1.5.

When you go to the next slide, #2, Outside of goggles… are read again. Does the reading order indicate just the new image be read?

The tab order you define also controls the reading order of text and images for screen readers. Here's a short video of the experience on slide 1.6.

It’s the same with the section. #1, #2 are not read again, which is good. However, the images (& alt text), with the text under the images are read each time on the slide. Is this also controlled on the reading order?

You got it! The tab order that you define for each slide in Storyline 360 controls the reading order for screen readers as well as the navigation order of interactive elements, such as buttons, hotspots, and data-entry fields.

Let me know if any more questions or thoughts pop up! Happy to chat further.

This discussion is closed. You can start a new discussion or contact Articulate Support.