Keyboard navigation issues - Githubissues

cds-snc / platform-forms-client

NextJS application that serves the public-facing website for Forms

https://forms-staging.cdssandbox.xyz/

MIT License

31 stars 12 forks source link

Keyboard navigation issues #3747

Closed thiessenp-cds closed 3 weeks ago

thiessenp-cds commented 4 weeks ago

A number of keyboard navigation issues were found in the Conditional Logic screens. I'll use this ticket to keep track of them in the below lists.

Tabs Menu

[x] Tabs not activate-able in VO and NVDA (works in Jaws)
[ ] Tabs navigation inconsistent. VO and NVDA left-right, Jaws up-down. (lag related?)
[x] Tabs activation, dynamically updated left panel (or right) not updated
[ ] Add "skip to" links to jump from a tan panel to the main content area and back

Questions Tab

[x] ”New section” button, when clicked should focus the Section Title input (Tim's working on this I think)
[x] Active state Drag+Drop, focus not seen (but functions correctly)

Translations Tab

[ ] After activating the tab, where you are is confusing. “Export..” button is not helpful when tabbed to. Another button or link or description could be helpful.
[ ] When tabbing into an input the language code is announced. Probably more helpful to announce the full language name vs FR or EN.

Logic Tab

[ ] “Go to section”, what should happen when there is a selection in the dropdown? Currently nothing happens.
[x] Tab navigates between “edges”. Do we need edges in the tab order? If so the instructions could be improved.
[x] “section” buttons. Remove instructions non existent functionality.
[x] “linkGroup”, group button. Update instructions.

General Usability Questions:

[ ] “Add form element” button, when clicked focus returns to original add button. Could be clearer operation completed by focussing created question input
[ ] Translation Tab inputs, when tabbing into an input the language code is announced. Probably more helpful to announce the full language name

General Bugs:

[ ] Right panel, Questions Tab, Tree view, "text partially shifted off screen". Reproduce: -arrow down to a group -expand that group -hit tab key (edited)