Genie Bot Focus Management

Tab

• From the previous focusable element moves between these component in this order:

  • Recent questions panel if shown and opened (focused on the first question in the panel)

  • Open recent questions panel button if shown

  • Toolbar (focused on the first button. Tab will move between the buttons)

  • Info button

  • Bubbles area (focused on the first bubble in the session)

    • In case the bubble area had already been scrolled, exiting and entering via tab should not change the scroll. The focus will be displayed on the first bubble within the current view port.

  • First suggested question (if uploaeded)

  • Second suggested question

  • Third suggested question

  • Prompt field

  • Delete prompt button (if there is one)

  • Send prompt button/Cancel button

• When inside an answer bubble (which includes the “Copy question and answer” button) - Moves between focusable elements.

Shift + Tab

• Moves between focusable elements in the reverse order.

• When inside an answer bubble - Moves between focusable elements if exist, in the reverse order.

Space

• When in the prompt field - acts as in a text field.

Enter

• When focused on the prompt field, submits the question.

  • Until the answer is shown, the focus will move back to the prompt field.

  • to the progress indicator (loading dots). Once the answer is shown, the focus will automatically move to it.

  • If, while focused on the the progress indicator, the user moves the focus to other locations on the screen, than the focus will not move to the answer once it’s shown but the screen reader will announce it.

• When focusted on an answer bubble - “enters” into the bubble. The focus will be located on the first component.

• When focused on the recent questions panel - “enters” into the panel. The focus will be located on the first question.

• When focusted on a suggested question - Enters it to the prompt field (overiding the previous text if there was one). The focus will move to the prompt field with the mouse cursor at the end of the question.

Esc

• When inside an answer bubble - moves focus out of the answer bubble to the entire bubble.

Up/Down arrows

• When focused on a bubble - moves focus between the bubbles.

• When inside the prompt field acts as in text area.

• When in the recent questions panel - acts as in a list.

• Otherwise - NA

Left/Right arrows

• When focused on the suggested questions - moves focus between questions.

• When inside the prompt field acts as in text field/area.

• Otherwise - NA

Home

Moves focus to the first bubble. Otherwise - NA

End

Moves focus to the last bubble. Otherwise - NA