Toggle switch not working with keyboard navigation

May 05, 2023

Hello, my colleagues and I are working on a knowledge check slide that asks learners to "select all that apply." Instead of check boxes, we have inserted toggle switches. We are unable to get the toggle switch to be clicked when using keyboard navigation. The learner can tab through and highlight each of the four toggle switches, but nothing changes when enter is pressed. I have attached a stripped-down version to highlight the issue. Does anyone have any suggestions about what might be causing this?

2 Replies
Leslie McKerchie

Hello Patrick,

I appreciate you sharing what you're building and a sample slide so we could look.

The ARIA Authoring Practices Guide shares the expectation of the switch pattern, which also includes toggles:

When the focus is on the switch, the state of the switch can be changed using the spacebar.

Your slide is currently working as expected.

I hope this helps! Let me know if you need any further assistance.