Issue Summary
Inappropriate heading structured is provided for the text such as "Example summary", "Activity", "Admin Admin", "Details" and "Request Participants" in the main content area.
Steps to Reproduce
- Open the "Help Center - view request" page.
- Navigate to the main content.
- Using screen reader, pull up the list of Headings.
- Observe that the mentioned text has incorrect heading mark-up as per visual hierarchy.
Screenshot
Actual Results
The heading structure is found to be inappropriate on the page. Text such as "Example summary", "Activity", "Admin Admin", "Details" and "Request Participants" is coded inappropriately which does not match the visual hierarchy on the page.
As a result, screen reader users found it difficult to understand the page's content structure.
Expected Results
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 the appropriate heading structured such as <h1> for the text “Example summary” and <h2> for others headings text.
Code snippet:
1. <h1 class="vp-request-header"><span class="cv-page-title-text">example summary </span> <span class="request-status-lozenge"><span class="aui-lozenge aui-lozenge-inprogress aui-lozenge-current _1HSp82QlXg">Waiting for support</span></span></h1>
2. <h2 class="vp-activity-title">Activity</h2>
3. <h2 title="Admin Admin">Admin Admin</h2>
4. <h2 title="Details">Details</h2>
5. <h2>Request participants</h2>
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 13.5
Chrome - Version 115.0.5790.114 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2021
NVDA- Version 2020.3
Voiceover - Version Latest
Bug
High
