Issue Summary

On “Select Affected Business Service” dialog, the "billing Service" is not defined as heading.

Steps to Reproduce

1. Open the “Help Centre | ITSM” page.
2. Navigate to "Search" button near to "Affected Business Service" field and select it.
3. A "Select Affected Business Service" modal dialog will appear over the screen
4. Navigate to "Show" graph" button and select it.
5. Navigate to "Info" button and select it.
6. Inspect the codes for the mentioned texts.
7. Observe that the texts are not marked up using HTML headings.

Screenshot

Actual Results

The texts such as “Billing Service” are visually appeared to be the headings in the main content area. These texts are not marked up using HTML headings.
This resulted in screen reader users finding it difficult to understand the page content structure.

Expected Results

Screen reader should identify the text as a heading for their users.

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

Code Snippet

<h2> Billing Service</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 Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3