Issue Summary

On "Find an issue" page, the inappropriate heading level 4 is defined for "Admin Admin" link (appears on activating "Show user info" button). 

Note : This issue is found on "Basic" and "Advanced" mode.

Steps to Reproduce

1. Open any project. 
2. Activate "Issues" button in the header section and select "Search for issues" option.
3. Activate "Show user info" button. 
4. Observe that the modal appears. 
5. Navigate through modal using screen reader or inspect the code. 
6. Observe that the incorrect heading level is defined for link. 

Screenshot

Actual Results

Heading structure is found to be inappropriate on the page. The link such as "Admin Admin" is coded as <h4>  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.
 
In this case, provide heading level 2 for "Admin Admin" link on modal. 

<h2>
<a href="#" ...>Admin Admin
<img src="..." alt="">
</a>
</h2>

Workaround

Not 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