Login page : Missing form label or title attribute

Issue Summary

The label is not provided for the captcha input field present on the login page.

Steps to Reproduce

1. Open the login page.
2. Fill invalid credentials 
3. Observe a captcha image appears and and "refresh the link" is present.
4. Access the input fields
5. Inspect the code.
6. Observe that the label is not provided.

Screenshot

Actual Result

The mentioned input field do not have form labels. As a result, Screen reader users will not be able to understand the purpose of the input field.

Expected Result

A visible label such as “Captcha” should be provided for form field using <label> element. Additionally “for“ and “id” attribute should be used to associate the label with its corresponding input field.

If the above approach is not feasible, use aria-label attribute for the mentioned instance.

Code snippet

<label for="1">Captcha </label> 
<input class="text captcha-response medium-field " 
...
id="l" name="os_captcha" type="text">

Workaround

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

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura  13.3.1 (a) 
Chrome - Version 114.0.5735.90 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest