Forum Discussion
Tab Order Issue with Radio Buttons
Hello - I’m using Storyline 360 x 64 Standard (no AI) on Windows 10 Enterprise and am having trouble with the Focus/Tab Order in one of my courses.
For example, when I Preview and Tab through the attached slide, the Tab order is Radio Button 1, Text 1, Text 2, Text 3, Text 4, Back but I would like it to be Radio Button 1, Radio Button 2, Radio Button 3, Radio Button 4, Back.
I’ve left Text 1-4 in the Focus Order for screen-reader purposes but did not expect the Tab key to stop at these non-interactive items.
Any suggestions? Thanks in advance!
3 Replies
Typically, after tabbing to a radio button, you use the up and down arrow keys to move through the button set, with the "current" button being selected. Then you use the tab key to move to the next element (e.g., the Submit button).
Because your radio buttons have triggers to show feedback layers, that functionality is overridden. Using an arrow key selects the next radio button, which immediately opens the associated layer. So you need to switch to programming with a separate button to submit the answer.
You could have saved yourself some effort by using a graded question slide. Consider converting the existing slide to a Freeform Pick One, and then use the default Submit button, or create a custom one.
Thanks so much Judy, I will give this a try.
Hi TLD
Radio-button style choices can be confusing when testing with Tab because the expected keyboard pattern is different from a set of independent buttons. Tab moves into the set, and the arrow keys move between the choices.
I’d verify that behavior in the published course with keyboard and screen reader before changing the Focus Order.
How Storyline Button Sets Work With Keyboard Navigation
Learning Library resource
