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

Set focus on the form heading when the user goes to the previous or next steps in the form #562

Closed obliviga closed 2 years ago

obliviga commented 2 years ago

Description

Focus needs to be managed when the user goes to the previous or next steps in any given form. Currently, focus is set on the body element by default, which is not user friendly. Instead, focus should be set at the top of the form, which is the heading. This helps the user understand where on the page they are in relation to all content and keep their understanding of the flow of the form in tact.

Original issue(s)

https://github.com/department-of-veterans-affairs/va-forms-system-core/issues/546

Testing done

Yes

Screenshots

https://user-images.githubusercontent.com/5934582/185231590-31a4f423-1bff-4a19-8922-ddbf32685259.mov

Definition of done

va-vsp-bot commented 2 years ago

:tada: This PR is included in version 1.3.1 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: