-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
The "Search is currently unavailable" heading is inappropriately defined as heading level 4.
Steps to Reproduce
- Open "Bitbucket" homepage.
- Navigate onto and activate "Your work" link from header section.
- Navigate to "Repository search" input field present in main content area.
- Type some data in the mentioned input field.
- Navigate onto the mentioned instance and inspect code.
- Observe that the mentioned instance use inappropriate heading level.
Screenshot
Actual Results
The "Search is currently unavailable" heading text (available on performing search using "Repository search" input field) does not follow the visual structure of the page. It is inappropriately defined as heading level 4 instead of heading level 3. As a result, screen reader users found it difficult to understand the page’s content structure.
Expected Results
The heading levels should correctly convey the relationship between the headings, such as the parent-child relationship between the headings. Provide an appropriate heading level to the mentioned heading text, such as <h1>, <h2>, <h3>, and so on.
In this scenario, mark the text "Search is currently unavailable" using <h3> tag.
Code snippet
<h3 class="server-error-title">Search is currently unavailable</h3>
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
