Issue Summary

The explicit association between form fields such as "Date Started".

Steps to Reproduce

1. Navigate to "Issues" dropdown and activate it.
2. Select any issue from "Recent Issues" section.
3. Observe that "View an Issue" page has been appeared on the page.
4. Press the "." button and check that pop up has appeared on the screen.
5. Navigate to the "Log work" option an activate it.
6. Observe that "Log work" modal dialog has been appeared on the screen.
7. Navigate the form fields using screen reader and check that association is not provided.

Screenshot

Actual Results

The form field present in the "Log Work" modal dialog do not have label explicitly associated to them. The 'for' and 'id' attribute is provided is defined using incorrect values.
As a result, screen reader users might not understand the purpose of the form fields.

Expected Results

Update the value of 'id' attribute which should be same as 'for' attribute.

Code Snippet

<label for="log-work-date-logged">Date Started<span class="aui-icon icon-required"> required</span></label>
<input class="text medium-field" id="log-work-date-logged" name="startDate" type="text" value="24/May/23 10:41 AM">

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.3.1
Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
Firefox- Version 109.0 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest