Issue Summary

Incomplete label "Resolve Task" provided for the checkboxes.

Note: Similar issues are observed on the "Overview" tab.

Steps to Reproduce

1. Navigate to the mentioned page.
2. Navigate to the " 3 open task" button and activate it.
3. Using the screen reader, navigate to the mentioned form fields.
4. Listen that form field labels are incomplete.

Screenshots

Actual Results

Incomplete labels "Resolve Task" are specified for the checkboxes.
As a result, screen reader users might not understand the purpose of the checkboxes effectively.

Expected Results

1. Remove the "aria-label" attribute from <input> element.
2. Specify the "id" attribute with unique value to <span> element containing "Resove task" text and <div> element containing task name added by the user or actual task.
3. Specify the "aria-labelledby" attribute to the <input> element containing checkboxes. Reference both the id attribute values (of <span> and <div> elements) via the "aria-labelledby" attribute.

Code Snippet:

<label class="css-1gx8lri">
<input aria-labelledby="task tsk_name" class="comment-task-checkbox-input css-1vazcnr" type="checkbox" aria-checked="false" value="" checked="">
(..)
<span id="task" class="css-dgfr9e">Resolve task</span>
</label>
<div id="tsk_name" class="comment-task-body"><div class="rendered-markup comment-body comment-markup">
<div class="paragraph">Hi</div>
</div></div>

Workaround

Not available

Environment 

MacBook Pro (16-inch, 2019)
macOS 13.4.1 (c) (22F770820d)
Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
Firefox- Version 114.0 (64-bit)
Safari- Version 16.5.2 (18615.2.9.11.10)
JAWS- Version 2023.2306.28
NVDA- Version 2022.2.2
Voiceover - Version Latest