Keyboard Accessbility

[HuongNV13]

Hi @marcusgreen, We found 2 issues related to accessibility as below:

1. Focus lost

   Once a letter has been selected and the focus is on it, the focus is not visible. Make sure the focus is still visible on selected letters.

2. Keyboard navigation

   Keyboard users can navigate around the grid of letters but it will be slow as they have to pass through every letter in a row to reach the next row. Make it possible to move from letter to letter along each row or column by using the arrow keys to speed up navigation.

AC1: Users can use left/right/up/down arrow on keyboard to move quickly in a paragraph or a table in word select question. Punctuation is part of selectable word. The following acceptance criteria apply for seperate paragraph/table. AC2: Selectable word is at specical position:

AC2a:
GIVEN users focus the first word of the first line
WHEN users press left arrow
THEN the focus stay in that word
AC2b:
GIVEN users focus a word in the first line
WHEN users press up arrow
THEN the focus stay in that word
AC2c:
GIVEN users focus the last word of last line
WHEN users press right arrow
THEN the focus stay in that word
AC2d:
GIVEN usaers focus a word in the last line
WHEN users press down arrow
THEN the focus stay in that word

AC3: Selectable is not at special position:

AC3a:
WHEN users press right arrow
THEN the focus order is from left to right then from top to bottom
AC3b:
WHEN users press left arrow
THEN the focus order is from right to left then bottom to top
AC3c:
WHEN users press up arrow
THEN the focus is moved to first word of next (above) line
AC3d:
WHEN users press down arrow
THEN the focus is moved to the first word of next (below) line

---

Thanks, Huong Nguyen

[marcusgreen]

That looks really interesting. I won't have time to look at it properly until at least this weekend. Can you email me directly at marcusgreen at mailbox.org