Accessibility navigation through radio buttons in questions
February 13, 2018 12:00 AM
Hi everyone!
We have an accessible course for a client, and we noticed that the user needs to use the keyboard arrows to navigate through the radio buttons of a question instead of the tab key. Is there a way to make it navigable with the tab key?
undefined
Thanks folks!
Discussion (3)
Hi Cedric - Navigation in a radio group, including a question, depends on whether an option is selected or not and if it's in a group. If no option is selected in a group, then tab will go through each item in the order in the title manager (top to bottom).
Once the user selects an option, then navigation becomes the arrow key to more easily allow the user to choose another option. Tab will then exit the group and go to the next tabbable object.
Both, in my experience, are expected behavior and keyboard only users are aware of this navigation method.
Of course, using individual radio buttons does move using tab order always, but then it's a bit more complex to remove selections for other radio buttons if only one can be selected.
I attached a sample that shows inherent tab and arrow functionality as well as a page the shows what happens when manually setting tab order.
undefined
Discussions have been disabled for this post