Details
-
Bug
-
Resolution: Fixed
-
Low
-
9.8.0
-
9.08
-
Severity 3 - Minor
-
Description
Issue Summary
The instruction text associated with "Issue" and "Epic link" combobox is not associated with the form field.
Steps to Reproduce
- Activate the "Create" button from the header section.
- Observe that "Create Issue" modal dialog has appeared on the screen.
- Using screen reader navigate to the "Issue" input field.
- Ensure that instruction text is not associated with the form field.
Screenshot
Actual Results
The instruction "Begin typing to search for issues to link. If you leave it blank, no link will be made." and "Choose an epic to assign this issue to." are not associated with their respective form fields "Issue" and "Epic link". As a result, screen reader users might miss out important instructions.
Expected Results
Apply the following changes:
• Add "aria-describedby" attribute to the form field.
• Reference the "id" value of the element used to display the instruction text in the "aria-describedby" attribute.
Code Snippet
<textarea autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" id="issuelinks-issues-textarea" class="text long-field" wrap="off" style="padding-top: 3px; padding-left: 4px; height: 29px;" aria-labelledby="issuelinks-description"></textarea> <div class="description" id="issuelinks-description">Begin typing to search for issues to link. If you leave it blank, no link will be made.</div>
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 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest
Attachments
Issue Links
- relates to
-
COM-35 Loading...