Issue Summary

On the “Log in | user” page, the “Hello there!" ” heading is defined as heading level 3 inappropriately and the "Forgot login details?" " heading is defined as heading level 3 inappropriately (that becomes available on activating "forgotten password" link.

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Navigate onto the mentioned instances and inspect their code.
3.  Observe that the mentioned instances uses inappropriate heading levels.

Screenshot 1

Screenshot 2

Actual Results

The heading text “Hello there!" present in the "Log in | user" page and "Forgot login details?" (that becomes available on activating "forgotten password" link) headings do not follow the visual structure of the page. They are inappropriately defined as heading level 3 instead of heading level 1. As a result, screen reader users found it difficult to understand the page’s content structure.

Expected Results

The heading levels should be announced as per the visual hierarchy by screen reader to understand the page structure for their users. in this instance, mark-up the mentioned heading text using <h1> element.

Code Snippet

<h1 data-test="header">Hello there!</h1>
(...)
<h1><span>Forgot login details?</span></h1>

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura 13.5
Chrome - Version 115.0.5790.114 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest

Workaround

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