-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
The main landmark has been defined twice.
Steps to Reproduce
- Open the home page.
- Navigate onto the "Project" link in the header and activate it.
- Select any project from the main content area.
- Select any repository from the main content area.
- Navigate onto the "Pull requests" link in the side navigation and activate it.
- Activate any of the links from the "Summary" column in the data table.
- Visually note the page regions.
- Inspect the code.
- Observe that the regions have been programmatically determined.
- Observe that the main region is defined twice.
Screenshot
Actual Results
This page has visual navigation, and main regions. Landmark semantics have been used. However, the main landmark has been defined twice. The <main> element is inappropriately nested within the <div> element with role="main" attribute. As a result, users of a screen reader will not be able to understand the page’s content structure efficiently.
Expected Results
When elements are grouped into navigation, main content, and footer regions, appropriate landmarks must be used. Make sure that you use the correct tags, include the appropriate elements in the relevant tags, and that the landmarks are well-formed.
In this case, make sure that there is only one main region on the page. To achieve this, we would recommend you to remove the first role="main" attribute from the <div> element in the DOM.
Code Snippet
<main id="mainContent"> ... </main>
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.3.1
Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 17.3.1 (19617.2.4.11.12)
JAWS- Version 2023
NVDA- Version 2024.3
Voiceover - Version Latest
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|