Issue Summary

On the "Create Plan Wizard page" page, the text such as "Create plan” is inappropriately defined as a heading level 2.

Steps to Reproduce

1. Open the Create Plan Wizard page
2. Navigate to the mentioned text and inspect the code.
3. Observe that the mentioned text has incorrect heading mark-up as per visual hierarchy.

Screenshot

Actual Results

The “Create plan” heading does not follow the visual structure of the page. It is inappropriately defined as heading level 2 instead of level 1. 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.Provide an appropriate heading level for the mentioned heading text, such as <h1>.

Code snippet

<h1 class="css-1ceair5"><span>Create plan</span></h1> 

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Ventura 14.2.1
Chrome -Version 120.0.6099.71 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.1 (19616.2.9.11.7)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest