Issue Summary

 On “Select Affected Business Service” dialog, inappropriate heading level <h3> is defined for the “Configure” text.

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 "Configure" button and select it.
6. Navigate to the mentioned instance and inspect their code
7. Observe that the mentioned instance uses inappropriate heading level.

Screenshot

Actual Results

The heading structure was found to be inappropriate for the text such as “Configure” are marked as <h3> 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

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.

Code Snippet
 

<h1Select Affected Business Service</h1> 
<h2 Configure </h2>  
<h3 Reference types </h3> 

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