Player Tab Order and Quiz Slide Layers Tab Order Restrictions
Aug 24, 2015
Hello there!
I have two issues that I could really use some guidance on. I am building a course with a 10-questions assessment at the end. I am attempting to create logical tab order for visual focus - 508 compliance. I have reworked the tab order for each base quiz slide and I have turned off objects I don't want visible to accessibility tools; however, I am not able to manipulate the latter on the "Correct" or "Incorrect" question slide layers. When pulling them up using the tab order feature, I can move the position of an object on these layers up or down, but I can NOT delete anything (such as "Line 5" that appears in the dialogue boxes of each and is picked up by screen readers and tabbing).
As a result, when tabbing through the slides during preview mode, issues encountered include:
Tabbing through the base question slide is fine - no issues. But, when the question is submitted and the correct/incorrect slide layer pops up, the tabbing jumps from the slide to the player and cycles through the player (twice) before returning to the slide layer. Everything, including the "rectangle" shape and "Line 5" of the dialogue box are tabbed through before reaching the "Continue" button. So...
1. How do I turn off objects that appear to be restricted from editing (rectangle; Line 5) on the quiz slide layers?
2. How can I redirect the tab order to stay on the slide and read the question result (Correct or Incorrect) before jumping to the player tabs?
And/OR
3. How can I keep the tabs from cycling through the player twice before returning to the actual slide?
I have attached one of the slides for review.
Thanks in advance!
35 Replies
Hi Tamara,
I couldn't seem to replicate what you're describing. I took a quick Peek of what I'm seeing in Preview using the Modern player first and then the Classic player. Each time, I tabbed into the feedback layers and could activate the button after the other elements. I never went back to the menu.
Can you take a look at my video and let me know what I'm doing differently than your test? If you're uploading to test online, can you let me know how you're publishing and where you're hosting your content?
Hi Ashley,
Thank you very much for the video - it makes our communication a lot easier. I am attaching the screencast of what I am experiencing on my behalf - which is different. I publish the output for 360 review and I view it in explorer or Chrome browsers - the behaviour is the same. As you see in my case, the first thing the tab lands on the feedback layer is the continue button and only then after clicking allover I reach the feedback popup. It is really intriguing what we are doing differently! I view the full version in classical skin and the problem is the same.
Happy to keep doing videos - I love Peek. If you haven't played around with it yet, it's a bit easier than recording in Storyline.
Here's what I'm seeing this time after publishing to Review and to Amazon S3.
Take a look at my video, and test out my links if you can! Let me know what version of Chrome and IE you're using, I'm on Chrome version 67.0.3396.99 and IE11.
Hi again, Ashley!
Thank you for trying the multiple browsers and publishing the files for me. I use the same versions of Chrome and IE and I have not had any issues with tabbing through your published version. Mistery!!! Now one thing I would be interested to see - the raw file you are using. Will you be so kind to reupload for me the SL source file you are using. This will give me an understanding if this is my software's bug or a file bug that got cleared at some point. In my turn, I am sharing my published review link where I have problems. Will you be so kind to tab through and let me know what you see. Thank you! https://360.articulate.com/review/content/17db6a45-897f-44fc-b144-25dca0b70321/review
In the meantime, I had to come with a very weird workaround (accidentally). Originally, the slide had a picture on the feedback layer and if I was including the picture before the popup in the tab order, the software would perform exacly as I needed - it would jump to the popup (instead of the picture), then to the button. Once I remove the picture from the tab order or from the slide, I have what I have. Now your testing made me thinking that my trick may not be working in the published version for other people. Moreover, this is just one of the first projects and I definitely want to figure this thing out for the future modules.
Thanks again for looking closely into this!
Hi Tamara,
I experience the odd tabbing behavior with your link too, but when I opened and published your file I didn't make any changes. I only made sure to publish with the latest update of Storyline 360 which is Update 18.
I've attached the file here, let me know if that ones behaves differently for you at all.
Hi Ashley,
Thank you for all the examples. Looks like the problem was with latest updates that I have not installed on SL. Once I did that, my original files started playing correctly. Greatly appreciate your time in trying to resolve this.
Hi,
I am also having this problem, I have a custom player and when I add quiz questions NVDA reads the Next button first and then when I click down it keeps reading Next. The only way I can get it to read the feedback text it to arrow up but it reads it from bottom up every 120 characters. I have tried creating a new feedback layer and new feedback master, tried reordering the focus order so the feedback layers are before the main slide, as well as after the main slide but it doesn't make a difference.
Are you able to advise on what I can do to fix this issue? See the attached sample
Thank you!
Hello Sasha!
I'm happy to help! It looks like this is just a small change with the Focus Order. I've ordered the items Base Layer, Incorrect Layer, Correct Layer, and Exit button. Here's a 4-minute demo of my test.
I've also attached the updated .story file.
Hi Lauren, Thank you so much for your help and demo. I also realised what was causing the problem was that the text wasn't at the beginning of the timeline on the layers which means the screen reader was skipping it. I couldn't find that information anywhere in all my reading with this problem, it'd be great if it can be added to some of the advice somewhere along the line.
Thank you again for all your help, I really appreciate it :)
I also noticed you have to check the feedback title and feedback text on the master slides as they also need to appear at the beginning of the timeline.