Checkbox focus order in Storyline 360

Yes, this is a PITA. The focus order is based on the original order of the options and not the randomised order as you see them in the browser. This to me is a bug and should be fixed.

This is frustrating, aargh, and it goes against web accessibility best practices to not have the keyboard focus order match the visual order and DOM order on the page. We worked hard in the second half of 2022 to make Storyline templates with clear keyboard navigation, and the checkbox interaction was working excellently for us up until one of these more recent Storyline updates. Thank you Sam for replying, at least I know it's not just me!

Hello Wally!

I can see how frustrating this must be! We've tested this on our end with NVDA, and the items are read in the same way they appear on the screen. It would be helpful if we could see a screen recording of your experiencing? Would you mind recording your screen and either uploading it in this discussion or sharing it privately in a support case?

Hello Lauren,

Thank you so much for following up, my colleagues and I always appreciate how responsive you all are to various issues. I was in the process of making a screen recording showing the wonky keyboard nav, and I added a new multiple choice slide for comparison, and it turns out the keyboard navigation was just fine on the new slide. 🤔 Even with answers shuffled the keyboard focus followed the visual focus, so...

...aaargh it appears the problem is with my own multiple choice slide template--it still follows the default Storyline settings for a graded question slide but it has lived through several versions so I'm guessing the slide itself is corrupted or has accumulated too much digital baggage. 🤷‍♂️ Whatever the reason, I've rebuilt the slide anew and it seems to be working fine, so you're spared a screen recording, and that keyboard navigation on shuffled answers is a beautiful thing. Thank you again for your support. 🙏

More specifically, while rebuilding and retesting my checkbox interaction I discovered that the keyboard navigation was thrown off the visual order of shuffled checkboxes after I added an svg to the disabled state of the checkbox. I tested it with a png, and same problem. Once I removed the image from the state, the keyboard navigation again matched the visual order of the shuffled checkboxes. Always learning!

Hi Wally, this is interesting. This must be why I've experienced the problem with the shuffled CB and RB order.

This sounds like a bug to me. Is this something you've reported, if not I'll try and replicate on my side and report it.

Also, apologies, I clicked "Report" instead of "Reply" to your comment.

Hi Sam,

Thanks for sharing the video! We are currently tracking a known issue where a tab order does not get followed if there is an icon on the state of an object.

I've added this thread to the report so we can notify everyone subscribed as soon as a fix is released. Thanks for bringing this to our attention! 

Yes, I logged that issue, thanks Joe.

Hello Everyone! ✨

I'm happy to share that we have released a new update for Storyline 360 (Build 3.75.30269.0).

In this update, we have implemented a fix for:

• The focus order was incorrect for shuffled pick-one and pick-many interactions.

As a first step, I recommend updating Storyline 360 to the latest version. Here's how:

Update Authoring Apps

If you have any questions, please let us know in this thread or privately in a support case.

Have a great day!