Details
-
Bug
-
Resolution: Unresolved
-
High
-
None
-
9.12.2
-
9.12
-
Severity 3 - Minor
-
Description
Issue Summary
The form label is missing for the combo box present in the Operation Modal dialog
Steps to Reproduce
- Open the "Backlog" page.
- Navigate to any "issue" present in the backlog and select it.
- Navigate to the "More actions" button and press the "." key.
- Observe that the "Operation" modal dialog will appear.
- Navigate to the mentioned instance.
- 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