eAPD icon indicating copy to clipboard operation
eAPD copied to clipboard

Accessibility Research: How should the app behave when a new form is added

Open jeromeleecms opened this issue 2 years ago • 2 comments

Research the accessibility of tabs and auto-focus in forms. Verify that inline validation errors are accessible to non-sighted users.

In many parts of our app, there is the option to add new form elements.

Example:

image.png

When clicking on add outcome, a new text area appears:

image.png

What should the app do from a:

  • Screen reader perspective (should the app announce the new form?)
  • Focus perspective (should the focus on the app move to the new text field (1) or stay on the outcomes section (2)?)

This task is done when...

  • [ ] we understand the most accessible way to handle tabbing and auto-focus in our forms
  • [ ] inline validation errors are accessible to non-sighted users

jeromeleecms avatar Apr 20 '22 17:04 jeromeleecms

  1. From a screen reader perspective the app should announce when a new form is generated
  2. The focus on SHOULD move to the newly generated field as it was created by the user input.

itsonlydio avatar Apr 28 '22 15:04 itsonlydio

Thanks @itsonlydio - we are going to reassign this to a dev for confirmation / review.

jeromeleecms avatar Jul 18 '22 17:07 jeromeleecms