Clean up focus behavior: Introduction page

[oddball-lindsay]

Background

Accessibility has found an instance on the /introduction screen where the focus can be cleaned up.

• When you open a modal on /introduction - either the sign in modal or the feedback modal - then close the modal, focus should go back to the button that opened the modal (i.e., where the user was before they closed the modal).
  • Currently, focus jumps back to the top of the page. The user is then forced to make their way all the way back down the page to get back to where they started, which is confusing at best. Blind and visually impaired users may have difficulty understanding their location on the screen, as well as the action that has occurred.
  • How to recreate: Using a keyboard, open the Sign in modal. Then press ESC (or Enter on the X icon), and note how focus jumps back to the fop of the page.
  • Clip of focus issue
  • Reported in Edge and Safari browsers, using JAWS and VoiceOver

Acceptance Criteria

• The issues above have been addressed.

[oddball-lindsay]

The Save in Progress component is part of the forms library, and it's doing the same thing on other form experiences. This may be a design system issue.

The other issue is related to the Rep Status Widget.

[oddball-lindsay]

Confirming that I am seeing this experience (closing Save in Progress sign in modal and focus goes back to the top of the page) for other form experiences:

1. 21-526EZ
2. 21-10210

Next steps:

1. I'll create a bug ticket about this for the design system.
2. I'll create a bug ticket for future Widget work, to do some focus handling updates.

Closing this particular ticket out, as there's nothing for us to do for the Appoint product specifically

[jvcAdHoc]

One more form to reference: 21-0966 uses the same SaveInProgressIntro component that we do