department-of-veterans-affairs / va-forms-system-core

VA Forms System Core will be a React library hosted in NPM that will allow engineers and designers to easily interact with Forms inside of vets-website.
https://department-of-veterans-affairs.github.io/va-forms-system-core/
6 stars 4 forks source link

(Needs refinement) Research: How should multiple errors be handled? #587

Open taylorkaren opened 2 years ago

taylorkaren commented 2 years ago

Context

From Ticket #557 (accessibility audit finding on the demo burial form reported by Tiffany Pender: **How should we handle multiple errors?*** Currently, the form doesn't make a distinction between one error on the page or multiple errors. Nothing happens when you press "Continue" or "Previous" and inline errors are present on the page. We could handle this better for an improved experience. Some ideas: a. Have an error summary component that summarizes errors on the page at the top if a page has multiple questions/fields. Shift focus there on button press. b. Shift focus to the top most error on button press.

Task Description

From Matt's comment on ticket #557: I still feel that summarizing the errors at the top is preferable to not doing that. We will need to do research to figure out if a complete summary is necessary or whether a count of errors or some briefer message is sufficient. We'll either look to find a VFS Team to try that out or get to it ourselves in the future.

Acceptance Criteria

TBD