[Global] Focus between views not managed

[svinkle]

Issue summary

When activating a "Next" control, opening the Sheet, or loading a view, focus remains on the previously activated control. A screen reader user will not have an audible queue of when the new view has loaded.

Additionally, closing a view renders a similar experience. This may lead to a confusing or frustrating user experience.

Steps to reproduce

1. Load the app in the iOS simulator.
2. Enable VoiceOver screen reader on macOS
3. Use the Virtual Cursor to navigate through views throughout the app

Behavior

Expected

• Focus to shift to the next section heading.

Actual

• Focus remains on the control.

Recommendation

1. When activating a control (button or link), shift focus to the next screen heading container.
2. When closing a view, send focus back to the control which opened the view.

Focus management examples when opening a view:

• Opening the Sheet should send focus to the "Covid Shield is ON" heading
• Opening the Change Language view should send focus to the "Language" heading
• Opening the Privacy view should send focus to the "Privacy policy" heading
• Opening the Code form view should send focus to the "Please enter you 8 digit…" heading

Examples when closing a view via "Close", "Back", or "Cancel" controls

• Closing the Sheet should send focus back to the "Open sheet" control
• Clicking "Back" on the Language view should send focus back to the "Change language" control
• Closing the Policy view should send focus back to the "Read privacy policy" control
• Clicking "Cancel" on the Code form view should send focus back to the "Enter code" control

Specifications

• Component: CovidShield [Global]
• Related: [Global] Missing header structure #7, [Global] Controls are missing roles #4
• WCAG Principle: Operable
• WCAG SC: 2.4.3 Focus Order
• Severity: Medium
• Effort: Unknown