Issue Summary

The text appears as a heading but does not mark-up as a heading.

Steps to Reproduce

1. Navigate to the Projects dropdown.
2. Select "Sample JSM" option.
3. Now activate "Raise a request" link from the side navigation.
4. Select "Sample JSM" link from portal page.
5. Select "Report a server for fix" link.
6. Observe that "Help Center - report server for fix" page has been appeared on the screen.
7. Activate the "Browse affected server" button.
8. Observe that a modal dialog has been observed on the page.
9. Activate the "Show graph" button.
10. Activate any one button from the server list.
11. Inspect the code and verify the heading mark up is missing.

Screenshot

Actual Results

The text such as "exchange.prod.app1" visually appears to be heading on the page. This text is not marked-up using HTML heading.
This resulted in screen reader users finding it difficult to understand the page content structure.

Expected Results

Mark-up the mentioned text using appropriate HTML headings. In addition, use heading levels as per specification such as <h1> should be followed by <h2>, <h3> and so on.

In this scenario, provide heading level <h2> for "exchange.prod.app1" text.

Code Snippet

<h2 class="header" data-test-vr-dummy-text="">exchange.prod.app1</h2> 

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environments

MacBook Pro (16-inch, 2021)
macOS Sonoma Version 14.6 (23G93)  
Chrome - Version 129.0.6668.60 (Official Build) (arm64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 18.0 (19619.1.26.111.10, 19619)
JAWS- Version 2023
NVDA- Version 2020.3