Issue Summary

The "Collapse comment: Admin Admin added a comment - 17..." accordion header is inappropriately defined as heading level 3.

Steps to Reproduce

1. Open the "Home" page.
2. From the header section, activate "Projects" button > choose any project > navigate to side navigation and click "Backlog" link > Opens the page.
3. Navigate to the main content area and activate any issue key button (i.e. SSP-4) and activate it > Issue details panel" appears.
4. In the comment section, add a comment.
5. Navigate onto the mentioned instance and inspect it's code.
6. Observe that the mentioned instance uses inappropriate heading level.

Screenshot

Actual Result

The "Collapse comment: Admin Admin added a comment - 17..." accordion header does not follow the visual structure of the page. It is inappropriately defined as heading level 3 instead of heading level 4. As a result, screen reader users found it difficult to understand the page content structure.

Expected Result

The heading levels should correctly convey the relationship between the headings, such as the parent-child relationship between the headings. Provide appropriate heading levels to the mentioned heading text, such as <h1>, <h2>, <h3>, and so on.

In this instance, mark-up the mentioned text using <h4> element.

Code Snippet

<h3>Comments</h3>
...
<h4><button ...>Collapse comment: Admin Admin added a comment - 17...</button></h4>

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 SEQUOIA 15.2
Chrome - Version 132.0.6834.84 (Official Build) (64-bit)
Firefox- Version 128.6.0esr (64-bit)
Safari- Version - 18.2 (206220.1.16.11.8)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest