-
Bug
-
Resolution: Unresolved
-
Medium (View bug fix roadmap)
-
None
-
8.20.30, 9.12.2, 9.4.17
-
8.2
-
Severity 3 - Minor
-
Issue Summary
Missing label for the input field present beside the "Copy" button in the "Share plan" modal dialog.
Steps to Reproduce
- Open the "Accessibility Assessment - Roadmaps" page.
- Navigate and activate the "Share" button.
- Observe that a modal dialog appears on the page.
- Navigate and activate the "Link" or "Embed" button.
- Navigate to the mentioned instance.
- Inspect the code and observe that the label or "title" attribute is not provided for the form fields.
Screenshot 1
Screenshot 2
Actual Results
The label is not provided for the input fields present beside the "Copy" button in the "Share plan" modal dialog.
As a result, screen reader users will not understand the purpose of the form fields.
Expected Results
There should be a visible label present for the mentioned input field. A visible label such as “Roadmap link” should be provided.
In addition, the label and input field should be explicitly associated via the “for” attribute of <label> and the “id” attribute of <input>.
Visible labels help all users to understand the purpose of a form element.
If providing visible labels is not feasible then there should be hidden labels present for this field using the aria-label attribute.
NOTE: Before implementing visual labels take approval from content as well as design team.
Code Snippet
<div class="Content-ve26fj-1 jZHzDY" readonly=""> <input aria-label="Roadmap link" class="sc-exAgwC gsTkUe" readonly="" spellcheck="true" type="text" value="https://instenv-231065-baws.instenv.internal.atlassian.com/secure/PortfolioReportView.jspa?r=VVYxI"> </div>
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|