-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
An inappropriate heading level is specified for the "No projects found" text.
Steps to Reproduce
- Open the home page.
- Activate the "Projects" link in the header section.
- Navigate to the "Find projects by name" input field in the main content area.
- Enter invalid data and navigate to the mentioned heading text.
- Inspect the code.
- Observe that an inappropriate heading level is specified for the mentioned heading.
Screenshot
Actual Results
The "No projects found" heading text that becomes available on entering invalid data in the "Find projects by name" input field in the main content area does not follow the visual structure of the page. It is inappropriately defined as heading level 4 instead of heading level 2.
As a result, screen reader users found it difficult to understand the page's content structure.
Expected Results
The heading levels should be defined as per the visual hierarchy of the page to enable screen reader users to understand the page's structure.
Mark up the “No projects found" heading text using <h2> element.
Code Example:
<h2 class="css-1ueym4y">No projects found</h2>
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 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit)
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
