Issue Summary

The form label is missing for the combo box present in the Operation Modal dialog

Steps to Reproduce

1. Open the "Backlog" page.
2. Navigate to any "issue" present in the backlog and select it.
3. Navigate to the "More actions" button and press the "." key.
4. Observe that the "Operation" modal dialog will appear.
5. Navigate to the mentioned instance.
6. Inspect the code and observe that the label attribute is not provided for the form field.

Screenshot

Actual Results

The Combo boxes present in the Operations modal dialog, do not have an accessible label.

As a result, users with visual impairments who use a screen reader and learning-impaired users will not be able to understand the purpose of the form fields.

Expected Results

The screen reader should announce the label for the form field correctly.

Provide a unique and descriptive label for the mentioned form field using <label> element and associate the label explicitly with the form field by providing an identical value that is unique from other IDs to the "for" and "id" attributes of the label and form field respectively.

Alternatively, you can provide an "aria-label" to the combo box as a custom implementation to the code.

Code Example:

<label for="one">Operations</label>
... 
<input id="one" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" class="text" id="issueactions-field" type="text" aria-busy="false">

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest