Using keyboard for quizzes

Problem:
Is it possible to program an interactive quiz in which the user uses the keyboard instead of the mouse? How to do this? Where can I find some examples and tutorials?
The quiz on https://cdn.atomisystems.com/samples/activepresenter-7/solar-system-quiz/test.html forces the user to use the mouse.
I ask about this functionality because of AP’s compatibility with Section 508 accessibility standards.

ActivePresenter Version: 7.5.11 Pro

OS: Win10

Regards,
Aga

Hi aga,

Yes, you can use the keyboard for most types of quizzes except Sequence and Drag-n-Drop.

  • You should set Tab Order for objects and use Tab / Shift+Tab to move among objects: https://atomisystems.com/tutorials/ap7/using-tab-order-activepresenter-7/
  • When a button has focus, the user can press space or enter to activate it.
  • In a True/False or Multiple Choice quiz, the user can press arrow keys to select a radio button.
  • In a Multiple Response quiz, the user can press tab / shift+tab to move among check boxes, and press space to check/uncheck a check box.
  • After answering a quiz, the user can press tab key to move focus to the submit button, then press enter to submit the quiz.

You can download that project, export to HTML5 with Enable Visual Focus Indicator option to see which object has focus and use the keyboard to answer the quizzes (except sequence, drag-n-drop quizzes): https://cdn.atomisystems.com/apdownloads/apsamples/v7-5/solar-system-quiz.approj

Regards

Hi Toan Le,
thank you very much for your detailed answer.
The cited example of “Solar system” helped me understand the essence of this functionality.

Unfortunately when using the screen reader NVDA , the option of confirming the answer with the enter button disappears :frowning: Solution - we can use ALT+Enter instead.

Greetings,

Thank you for sharing this information.
I’m not sure why a screen reader can interfere with it.
For a button, you can also try using the Space key to activate it.

Regards

Thank you for reply.
Space key itself doesn’t work. It’s the same problem as with Enter key. You need to use a key combination: Alt+Space.

I have another questions.

  1. Why can’t I use html headings h1,… ,hn, in AP? It’s the most needed functionality for meeting accessibility standards for html documents.
  2. In PowerPoint I have “Alt” descrpitons in all images. When I import PP presentation to AP I lost all “Alt” descriptions. Is it possible to make AP not to lose those information? The same problem is with reading the order of the text fields on a given slide. I can set it on PP presentation, but AP import lost this information.
    Any solutions would be welcome.

Hi aga,

I don’t think that it’s important with interactive slide-based content as AP HTML5 output.
We’ll consider support heading tags if there are more user requests.

From version 8 (which will be released this month), AP will import Alt descriptions as accessibility texts.

Do you mean the animation order in PowerPoint?
If so, animations started on click in PowerPoint will start from the beginning of the slide in ActivePresenter because there’s no equivalent method in ActivePresenter.

Regards

Hi Toan Le,

thank you for response.
I’m looking forward to version 8.

Do you mean the animation order in PowerPoint?

No, that’s not what I mean.It’s not about animation. It is about the order of reading the static text fields on the slide. This is described here (topic: set reading order of slide contents)
https://www.washington.edu/accessibility/documents/creating-accessible-presentations-in-microsoft-powerpoint/

Regards

Hi aga,

We keep the same order as in PowerPoint. You can check it in Timeline or Selection pane in AP.
(Select View > Selection to show Selection pane if it’s hidden).

Regards

Hi Toan Le,
thanks a lot.
Everything looks simple.
But when I read an example (https://cdn.atomisystems.com/apdownloads/apsamples/v7-5/solar-system-quiz.approj) exported to html5 using the NVDA screenreader, it skips some elements (e.g titles) on the slides.
I want to develop a presentation for blind people and I will continue to test the AP for this purpose :slight_smile:

Thank you for your help and kindness so far.

Hi aga,

It seems that from the second slide, only the focused object is read by the screen reader.
Please let us know if there’s any other issues when you test AP for accessibility.

Regards

Hi Toan Le,

Yes, that’s right. Only the focused object is read by the screen reader.

There is too much ARIA in the Solar-System-Quiz example. ARIA is often misunderstood as “general repair kit” for accessibility problems. Some ARIA features are not supported in any mobile screen readers for Android system (https://www.w3.org/TR/wai-aria-practices/#no_aria_better_bad_aria)

We plan to test AP html5 pages with the team responsible for websites availability. The team manager is a blind person from the IT industry.

Regards