cambiatus/frontend

[Accessibility] "Welcome Back" heading missing semantic markup

Opened this issue · 0 comments

Describe the bug
The "Welcome Back" title on the webpage lacks appropriate semantic markup, which impedes screen readers from correctly interpreting it as a heading. This affects users who rely on screen readers to understand the structure and importance of content on the page.

To Reproduce

  1. Open the webpage with the specified screen reader, operating system, and browser (see Software and OS List).
  2. Navigate to the "Welcome Back" title with the screen reader.
  3. Note that the screen reader does not identify "Welcome Back" as a heading.

Expected behavior
The "Welcome Back" title should be coded with appropriate heading tags (e.g.,

) so that screen readers can interpret it as a structural element, giving users a clear indication of its importance and role on the page.

**Actual Result: **
The "Welcome Back" title appears without heading tags, causing it to be read as plain text. This impacts the screen reader’s navigation, as it cannot distinguish the title’s hierarchy or significance.

Severity: Medium

Recommendation
Add an appropriate heading tag (e.g.,

,

) to the "Welcome Back" title to establish a clear structure, allowing screen readers to identify it as an important element on the page.

Screenshots
image

Cambiatus Env you are using
Password page

Desktop (please complete the following information):

  • Screen Reader: NVDA 2024.3.1
  • Operating System: Windows
  • Browser: Chrome 129.0.6668.101 (64-bit)

Additional context
Add any other context about the problem here.