Issue Summary

The <main> element is not provided on the page.

Steps to Reproduce

1. Open the "Login" page.
2. Inspect the code.
3. Observe that <main> tag is missing for respective landmark.

Screenshot

Actual Results

The main landmark region is not defined programmatically on the page.
As a result, screen reader users might not be able to identify these regions and navigate between different regions quickly.

Expected Results

Screen reader users should be able to identify each landmark region as well as navigate to different regions on the page.

Apply the following changes:

• Provide header, main and footer landmark regions for the respective sections of the page.
• Provide navigation landmark region with appropriate accessible label as well.

Workaround

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

Code Snippet

<main class="css-m4m808" ....>
(...)
</main>

Environment

MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 131.0.6778.265 (Official Build) (64-bit)
Firefox- Version 134.0.1 (32-bit)
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2024.4.2
Voiceover - Version Latest