-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
Missing explicit association of "Reviewer" form field.
Steps to Reproduce
- Open "Bitbucket" home page.
- Go to projects and select any one from the table.
- Select any one repository.
- Go to side navigation and activate the "Create pull request" link.
- Navigate to the "Continue" button and activate it.
- Turn on screen reader and navigate with tab key.
- Navigate to the "Reviewer" form field and observe the screen reader announcement or inspect the code.
Screenshot
Actual Results
The explicit association of the “for” and “id” attributes is missing for the "Description" form field. In case of missing explicit association, the element will not be compatible with screen reader software. Thus it will be difficult for screen reader users to interact with it effectively.
Expected Results
The label for the mentioned field should get announced by the screen reader software when the user navigates through it.
The label such as "Reviewer" for form field should be explicitly associated with the form control by providing an identical value that is unique from other IDs to the "for" and "id" attribute to ensure that assistive technologies identify the label for the form control correctly.
Code snippet
<label id="pull-request-reviewers-label" for="pull-request-reviewers" class="form-label">Reviewers</label> <input class="user-multi-select__input" autocapitalize="none" autocomplete="off" autocorrect="off" id="pull-request-reviewers" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox" aria-describedby="react-select-7-placeholder" aria-label="Reviewers" role="combobox" value="" style="color: inherit; background: 0px center; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; outline: 0px; padding: 0px;">
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
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|