quizdown-js icon indicating copy to clipboard operation
quizdown-js copied to clipboard

Activate / focus block with choices automatically

Open BITS-Editor opened this issue 3 years ago • 2 comments

Is it possible to activate or focus the block with the choices when opening a quiz page automatically - or at least when going to the next page with the next question?

The demo https://bonartm.github.io/quizdown-live-editor/ seemingly (?) does not support keyboard navigation.

BITS-Editor avatar Feb 17 '22 08:02 BITS-Editor

I can navigate through the page with Tab (next focus) Shift+Tab (previous focus) and space (select item, click button). When clicking the "next" button with the keyboad I'm still inside the quiz and I can go back to the choices section by pressing Shift+Tab repeatedly.

With the demo, because of the text editor, there can be problems because of "tab trapping". It's a known issue but can be solved by pressing Str+M when inside the text editor (https://github.com/microsoft/monaco-editor/wiki/Monaco-Editor-Accessibility-Guide#tab-trapping).

bonartm avatar Mar 20 '22 13:03 bonartm

I can navigate through the page with Tab (next focus) Shift+Tab (previous focus) and space (select item, click button). When clicking the "next" button with the keyboad I'm still inside the quiz and I can go back to the choices section by pressing Shift+Tab repeatedly.

True, but navigating by Shift+Tab backwards on the subsequent pages of the quiz to the answer block is a bit annoying. I would be grateful if you could check a remedy!

BITS-Editor avatar Mar 23 '22 08:03 BITS-Editor