Issue Summary

Inappropriate heading structure defined for the text element.

Steps to Reproduce

1. Navigate to "Profile" icon and activate it.
2. Observe that "User profile" page has been opened.
3. Inspect the code and check that inappropriate heading structure is defined.

Screenshot

Actual Results

Heading structure is found to be inappropriate on the page. Text such as "My Profile", "Preferences", "Options" is coded as <h4> 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>My Profile</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