-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
On the "Edit pull request" page, the "Update the destination branch for the pull request." hint text is not associated with the "Destination" input field.
Steps to Reproduce
- Navigate to the above-mentioned page.
- Navigate to the above-mentioned input field and observe the hint text provided for the form field.
- Inspect the code.
- Observe that the hint text is not programmatically associated with the form field.
Screenshot
Actual Results
There is a "Destination" input field with a hint text. This hint text is necessary for the users to understand or complete the form field. However, this information is not programmatically associated with the form field. As a result, the complete purpose of the form field may be unclear to the users of a screen reader.
Expected Results
The necessary-to-know information must be correctly associated with the form fields. To achieve this, use “aria-describedby”. Make sure that the “aria-describedby” value and “id” match correctly. As well, make sure that this attribute is defined on the interactive element, rather than defining it on the parent or child element.
Code Snippet
<input aria-describedby="instr" class="filterable-tabs__input" autocapitalize="none" autocomplete="off" autocorrect="off" id="pull-request-destination" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox" aria-label="Destination branch" role="combobox" ...> <div aria-live="polite" class="css-5cg24a" id="instr">Update the destination branch for the pull request</div>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available.
Environment
MacBook Pro (16-inch, 2021)
macOS: Sonoma 14.7
Chrome - Version 119.0.6045.105 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit) Safari- Version 16.6 (18615.3.12.11.2)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
