Side navigation: Focus moves inappropriately

Issue Summary

In the Side navigation menu, after activating any option, the keyboard focus moves to the header section of the page.

Steps to Reproduce

1. Open the "Side navigation" page.
2. Navigate to any option present in the Side navigation and activate it.
3. Observe that the keyboard focus moves to the header section of the page. 

Screen Recording

Screen Recording 2024-01-12 at 12.16.31 PM.mov

Screenshot

Actual Results

When the user navigates through the "Side navigation" menu such as "General", "Licensing", "Find new apps" and so on, and activates them, the keyboard focus moves to the header section of the page and not the main content area.

As a result, the keyboard-only users and screen reader users have to Tab through the entire header and side navigation region to enter the main content area which eventually increase screen-time and bad user experience. 

Expected Results

As the user select any menu option from the side navigation, the keyboard focus should be moved to the first interactive element present in the main content area.

Set the keyboard focus to the first interactive element of the main content  using JavaScript.focus() method when users activate the Side navigation links.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.2
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest