I’m working on enabling accessibility for learners who aren’t able to use a mouse, and I’ve hit a roadblock with quiz and knowledge check slides. I’ve already confirmed that accessibility is working for screen readers, as confirmed by our screen-reader users. I’ve also got the focus indicator displaying on all buttons; however, it doesn’t display on quiz/kc radio buttons or checkboxes.
When I tab through a quiz or kc slide, the focus indicator disappears when it should be showing the first quiz answer radio button or checkbox. I can press the spacebar to select the quiz answer, and I can use the arrow keys to move up and down to select the other answers, but all the while I can’t actually see what I’ve selected until I’ve pressed the spacebar, which isn’t helpful.
I’ve viewed other similar posts on this and here’s what I’ve done: In the Publish Settings, I’ve checked Enable accessibility and Restrict keyboard tabbing to slide items only, and unchecked Hide selection rectangle for slide items in HTML5. I’ve also tried different combinations of these. None of this addressed the issue, so I went into the CPLibraryAll.css for the published project and added the CSS described in 8955973. I’ve also tried adding other elements and declarations to the CSS, but at this point I’m just throwing things at it and hoping something sticks.
Has anyone else had this trouble and overcome it with some wisdom to impart?
PS: Earlier I posted this as a discussion, but subsequently realized it should've been posted here. If the question is answered here, I'll update the post with a link to the response, and vice versa.