-
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
On the "Accessibility assessment | Roadmaps" page, the "Start" and "End" input fields in the "Filter" are not explicitly associated with their visual label.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate to the "Custom" button in the "Filter" section and activate it.
- Navigate onto the mentioned form fields and inspect the code.
- Observe that the form fields are not programmatically associated with their visual label.
Screenshot
Actual Results
The "Start" and "End" input fields are not explicitly associated with their visual label using “for” and “id” attribute. As a result, users of assistive technologies found it challenging to interact with the form field.
Expected Results
The labels and the form fields should be explicitly associated. To implement this, use <label> element. As well, associate the <label> element with the form field using “for” and “id” attributes. Make sure that the values within “for” and “id” match appropriately.
Code Snippet
<label for="i1">Start</label> <input type="text" id="i1" ...>
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 Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
[JSWSERVER-25544] Accessibility assessment | Roadmaps : Input fields are not explicitly associated with their visual labels
| Labels | Original: 1.3.1 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 | New: 1.3.1 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A ril wcag21 |
| Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 963630 ] |
| Priority | Original: High [ 2 ] | New: Medium [ 3 ] |
| Introduced in Version | Original: 9.12 | New: 8.2 |
| Affects Version/s | New: 8.20.30 [ 106364 ] | |
| Affects Version/s | New: 9.4.17 [ 106909 ] |
| Labels | Original: 1.3.1 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 | New: 1.3.1 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 |
| Component/s | Original: Accessibility [ 62491 ] | |
| Component/s | Original: (Advanced Roadmaps) Other [ 73719 ] | |
| Component/s | New: (Advanced Roadmaps) Accessibility [ 74392 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Ready for Development [ 10049 ] |
| Description |
Original:
h3. Issue Summary
On the "Accessibility assessment | Roadmaps" page, the "Start" and "End" input fields in the "Filter" are not explicitly associated with their visual label. h3. Steps to Reproduce # Navigate onto the above mentioned page. # Navigate to the "Custom" button in the "Filter" section and activate it. # Navigate onto the mentioned form fields and inspect the code. # Observe that the form fields are not programmatically associated with their visual label. h3. Screenshot h3. Actual Results The "Start" and "End" input fields are not explicitly associated with their visual label using “for” and “id” attribute. As a result, users of assistive technologies found it challenging to interact with the form field. h3. Expected Results The labels and the form fields should be explicitly associated. To implement this, use <label> element. As well, associate the <label> element with the form field using “for” and “id” attributes. Make sure that the values within “for” and “id” match appropriately. *Code Snippet* {code:java} <label for="i1">Start</label> <input type="text" id="i1" ...>{code} h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. Environment MacBook Pro (16-inch, 2021) macOs Ventura 13.3.1 Chrome - Version 113.0.5672.63 (Official Build) (x86_64) Firefox- Version 92.0 (64-bit) Safari- Version 16.4 (18615.1.26.110.1) JAWS- Version 2023 NVDA- Version 2023.3 Voiceover - Version Latest |
New:
h3. Issue Summary
On the "Accessibility assessment | Roadmaps" page, the "Start" and "End" input fields in the "Filter" are not explicitly associated with their visual label. h3. Steps to Reproduce # Navigate onto the above mentioned page. # Navigate to the "Custom" button in the "Filter" section and activate it. # Navigate onto the mentioned form fields and inspect the code. # Observe that the form fields are not programmatically associated with their visual label. h3. Screenshot !Screenshot 2024-02-07 at 8.51.42 AM.png|width=575,height=332! h3. Actual Results The "Start" and "End" input fields are not explicitly associated with their visual label using “for” and “id” attribute. As a result, users of assistive technologies found it challenging to interact with the form field. h3. Expected Results The labels and the form fields should be explicitly associated. To implement this, use <label> element. As well, associate the <label> element with the form field using “for” and “id” attributes. Make sure that the values within “for” and “id” match appropriately. *Code Snippet* {code:java} <label for="i1">Start</label> <input type="text" id="i1" ...>{code} h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. Environment MacBook Pro (16-inch, 2021) macOs Ventura 13.3.1 Chrome - Version 113.0.5672.63 (Official Build) (x86_64) Firefox- Version 92.0 (64-bit) Safari- Version 16.4 (18615.1.26.110.1) JAWS- Version 2023 NVDA- Version 2023.3 Voiceover - Version Latest |
| Attachment | New: Screenshot 2024-02-07 at 8.51.42 AM.png [ 451533 ] |
| Component/s | New: (Advanced Roadmaps) Other [ 73719 ] |