Accessibility Tab Order for Multiple Choice Quiz

May 01, 2020

Can someone please direct me to a tutorial or discussion post regarding how to do tab order (for accessibility) for a graded multiple choice quiz in ASL 360?

I am not sure how to identify the line items in the multiple-choice question as it can't be pulled out of a group. How to tab order so the correct answer is first, then the tab goes to the correct feedback layer. Next, an incorrect line item in the list, then tab order goes to the incorrect feedback layer. Then repeat in the same way for the other 2 line items that are incorrect from the quiz question. Or CAN it be done this way?  If not, I'll have to re-create the whole thing to make it do this manually. *Not preferred. 

16 Replies
Leslie McKerchie

Hi Kelli,

Thanks for contacting us to share what you're working on.

We have documentation specific to what you're working on:

How to Navigate Multiple Choice Questions with a Screen Reader or Keyboard

If you'd like us to take a look at your specific setup, then with your permission, please share your project file. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.

Michelle Schrader

I have created a graded question slide with multiple correct answers. When I tab to the selection options I can tab through each selection and pressing the spacebar allows me to select that option as answer but the enter key doesn't work. Is there a reason why the enter key doesn't change the state from normal to selected?

Becca Levan

Hello Michelle! Thanks for reaching out with your question, and I'm happy to clarify!

With Multiple-Response graded questions, the learner can use Enter or Spacebar with a Screenreader, but only Spacebar with keyboard-only users.

Here's an article that describes in more detail how navigation works for slides with multiple choice questions: 

๐Ÿ“šHow to Navigate Multiple Choice Questions with a Screen Reader or Keyboard.

Suziana Ahmed Shukor

Hi

I have the same problem with multiple choice in Storyline360. I then used the Knowledge check feature in Rise but our screen reader has picked up the 'retake' icon as a barrier.

We also have an issue with the Submit button change of state color that does not comply with colour contrast checker. 

Eventually, I moved all quiz questions to the LMS because my organisation has comply to with WCAG 2AA.

Maria Costa-Stienstra

Hi, Subbu.

Thank you for sharing the .story file!

When using a screen reader, you can tab to interactive elements like buttons, hotspots, text entry fields, etc., and use the up/down arrows on your keyboard for non-interactive items (such as the question text/title).

Let me know if this is not what you're experiencing!

Luciana Piazza

Hi Stephanie!

Thanks for reaching out!

Could you confirm what keyboard keys you are using as you are navigating your course? Using  the Up/Down arrow keys, as Maria mentioned earlier, will help with title/text.

I'd be happy to take a closer look at your file! Feel free to upload your .story to this thread or privately in a support case

Looking forward to hearing from you! ๐ŸŽ‰