Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
The main landmark coded inappropriately, the elements which should be the part of <main> element is not coded as such.
Steps to Reproduce
- Navigate to the "Projects" dropdown present in the header section.
- Navigate to the "View all projects" option and select it.
- Observe that "View all projects' page has been appeared on the page.
- Using screen reader check that few elements are out of the main landmark.
Screenshot
Actual Results
The content of the landmark such as "Browse Project" and "Create Project" is programmatically defined out of the <main> element.
As a result, screen reader users might not be able to identify the region of the content.
Expected Results
Include the above mentioned content within <main> element.
Code Snippet
<main role="main" id="main" class="aui-page-panel-content"> <div class="aui-page-header"><div class="aui-page-header-inner"><div class="aui-page-header-main"><h1>Browse projects</h1></div><div class="aui-page-header-actions"><a href="" class="aui-button add-project-trigger" id="browse-projects-create-project" data-track-click="projects.browse.createProject" title="Create project" resolved="">Create project</a></div></div></div> (...) </main>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest