Details
-
Bug
-
Resolution: Fixed
-
Medium
-
8.18.0
-
Severity 3 - Minor
-
-
CtB - Improve Existing
Description
Issue Summary
On "Your Work" page, the inappropriate heading structure found for "Your work", "Your pull request (4)", "Recently closed pull requests" and "Repository search" text elements.
Steps to Reproduce
- Open "Your Work" page.
- Inspect the code for mentioned headings.
- Observe that the page has inappropriate heading structure.
Screenshot
Actual Results
Heading structure is found to be inappropriate on the page. Text such as "Your work" is coded as <h2> and text such as "Your pull request (4)", "Recently closed pull requests" and "Repository search" are coded as <h3> which does not matches the visual hierarchy on the page. As a result, screen reader users found it difficult to understand the page's content structure.
Expected Results
The heading levels should be announced as per the visual hierarchy by screen reader to understand the page structure for their users.
Use heading levels as per specification such as <h1> should be followed by <h2>, <h3> and so on.
Even though this is required at WCAG 2.1 at Level AAA, it is recommended that the discussed issue be addressed as screen reader users rely on headings heavily to understand the page structure.
Provide <h1> for "Your work" text.
Provide <h2> for "Your pull request (4)", "Recently closed pull requests" and "Repository search" text elements.
Code Snippet
<h1>Your work</h1> ... <h2>Your pull request (4)</h2> ... <h2>Recently closed pull requests</h2> ... <h2>Repository search</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 Version 14.1
Chrome - Version 119.0.6045.159 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 17.1 (19616.2.9.11.7)
JAWS- Version 2023
NVDA- Version 2020.3
Voiceover - Version Latest