Issue Summary

The text element present in the modal dialog is defined using inappropriate heading level.

Steps to Reproduce

1. Navigate to the "Plans" dropdown.
2. Select the "Accessibility Assessment" option.
3. Navigate to "Give Feedback" button and activate it.
4. Observe that "Advanced Roadmap Feedback" page has been opened.
5. Inspect the text and verify that inappropriate heading level provided.

Screenshot

Actual Results

Heading structure is found to be inappropriate on the page. Text such as "Released Version" is coded as <h5> 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

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.
 
Code Snippet

<h3>Release Version</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