Issue Summary

The <main> element incorrectly wraps the entire page content.

Test URL

https://jsma11ytest.atlassian.net/servicedesk/customer/portals

Steps to Reproduce

1. Open the Test Portal page on the JSM Cloud instance.
2. Use a screen reader to navigate through the page landmarks: press the “R” key in JAWS, the “D” key in NVDA, or Control + Option + Command + N in VoiceOver.
3. Observe that the entire page content is included within the main landmark region, which is incorrect.

Screenshot

Screen Recording

Screen Recording 2025-08-07 at 5.22.19 PM.mov

Actual Results

The entire page structure, including the header, navigation links, and primary content area, is wrapped within the <main> element. As a result, screen reader users might not be able to easily identify and navigate between different landmark regions.

Expected Results

Ensure that the landmark regions on the page are programmatically defined to support screen reader users.

In this case, only the primary content should be placed within the <main> element. The header and navigation links should be located outside the <main> region and marked appropriately using other semantic elements.

Code Snippet

<main>
...
<h1 class="_1wyb1f4h _k48pmoej..." ...>Welcome to the Test Portal</h1>
...
</main>

Workaround

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

Environment

Windows - 11 Pro
MacBook Pro (16 inch, 2021)
macOs 15.4.1
Chrome - Version 137.0.7151.57 (Official Build) (arm64)
Firefox- Version 136.0.4
Safari- Version 18.3 (20620.2.4.11.5)
JAWS- Version 2023
NVDA- Version 2024.4.2.35031
Voiceover - Version Latest