Issue Summary

The text such as "Success" and "Changes couldn't be saved" in the status messages which visually appears to be heading is not marked up using HTML heading mark-up.

Steps to Reproduce

1. Navigate to the "Plans" in header section and activate any plan.
2. Observe the "Plan" page appears.
3. Navigate to the "Review Changes" button and activate it.
4. Observe the "Review Changes" modal appears.
5. Navigate to the "Save Selected Changes In JIra" button and activate it.
6. Observe the status message appears.
7. Navigate to the mentioned text and inspect the code.
8. Observe that, heading markup is missing for text.

Screenshot 1

Screenshot 2

Actual Results

The mentioned texts are visually appears to be heading within the status message which appears after activating the "Save Selected Changes In JIra" button. 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

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

code snippet

<h2>Changes couldn't be saved</h2> 

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.3
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