-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
The main region is defined twice on the page inappropriately.
Steps to Reproduce
- Open "Bitbucket" homepage.
- Navigate onto and activate "Projects" link from header section.
- Inspect the code and verify that mentioned landmark is defined twice incorrectly.
Screenshot
Actual Results
The main landmark is defined inappropriately using <section role="main"...> and <main> elements on the page. This will create confusion for screen reader users.
As a result, screen reader users might not be able to identify the exact main region and navigate between different regions quickly.
Expected Results
Remove <main> which also contains role="main" from the source code and Keep the <section role="main" ...> element.
Code Snippet
<section id="content" role="main" tabindex="-1" data-timezone="0"> (...) <div id="main" class="aui-page-panel-content"> (...) </div> </section>
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.7
Chrome - Version 119.0.6045.105 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.6 (18615.3.12.11.2)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|