-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.2.0
-
Severity 3 - Minor
-
Issue Summary
Label is not associated with form field such as "Time interval (minutes)" and "Cron scheduled" on the page.
Steps to Reproduce
- Navigate to the mentioned form field.
- Inspect the code and observe that the 'for' attribute is missing in label of the form field
Screenshot
Actual Results
The "Time interval (minutes)" and "Cron Scheduled" form fields in the main content area do not have label explicitly associated to them. The 'for' attribute is missing in label of the form fields.
As a result, screen reader users might not understand the purpose of the form fields.
Expected Results
The screen reader should announce the label for the form field correctly.
Use ‘for’ and ‘id’ attributes to associate labels with their respective form fields. Ensure that the value of ‘for’ attribute of the label exactly matches the value of ‘id’ attribute of the form field.
Code snippet
<label for="polling-interval-synchronisation-type"><span>Time interval (minutes)</span></label> <input name="pollingIntervalInMin" type="Number" id="polling-interval-synchronisation-type" class="text short-field css-k60tcv" value="60">
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: Sonoma 14.1.
Chrome - Version 118.0.5993.70 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
