-
Bug
-
Resolution: Fixed
-
Low
-
4.20.0, 5.3.1
-
Severity 3 - Minor
-
Issue Summary
The hidden instruction is not provided for the custom functionality available to remove links.
Note: Similar issue was observed on the share this request pop-up.
Steps to Reproduce
- Navigate to the "Help Center" and activate it.
- Navigate to the main content and activate any link from the "Get IT Help", "Set up VPN to the office", etc options.
- Navigate to the "System" form field and add select one of the option
- Navigate and observe that hidden instruction is not provided for the custom functionality of the links
Actual Results
The functionality to remove the "Active Directory", "Billing service" and so on links present in the "System" form field is unclear for screen reader users. Using the arrow keys user can select the link and by "Backspace" the user is able to remove the links from the mentioned form field.
Although the functionality is easier to understand for sighted users, it is not intuitive for visually impaired users.
Expected Results
- Provide hidden instruction "Use the left and right arrow keys to select links and to remove links use backspace" before the form field.
- Ensure that the content that should not be available to users is hidden through the CSS display: none property rather than positioning it off-screen via CSS.
Alternatively,
- Add role "button" and replace tabindex="-1" with tabindex="0" to <a> element containing the "X" interactive element
- Ensure that all functionality is available for all users irrespective of the device being used.
- Modify the scripts to ensure that the "X" button is accessible with a keyboard as well as a mouse.
- Add "aria-labelledby" attribute to the <button> element containing the "X" link.
- Specify the "id" attribute with a unique value to the <div> element containing the "Active Directory", "Billing service", and so on the text and reference it via "aria-labelledby" attribute.
Screenshot
Screen Recording
Screen Recording 2022-11-10 at 11.06.15 AM.mov
Workaround
Not Available
Bug Ref: 749924
Bulldog Ref:
- duplicates
-
-
- Closed
-
- is resolved by
-
A11Y-177 You do not have permission to view this issue
- mentioned in
-
Page Failed to load
[JSDSERVER-12071] Example Summary - Step 1: Unclear functionality of links
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: In Progress [ 3 ] | New: Closed [ 6 ] |
| Fix Version/s | New: 10.0.0 [ 107096 ] |
| Status | Original: Ready for Development [ 10049 ] | New: In Progress [ 3 ] |
| Remote Link | Original: This issue links to "A11Y-177 (Bulldog)" [ 931042 ] | New: This issue links to "A11Y-177 (JIRA Server (Bulldog))" [ 931042 ] |
| Remote Link | New: This issue links to "A11Y-177 (Bulldog)" [ 931042 ] |
| Labels | Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-jsm ax-medium-priority ax-platform-dc ax-qa ax-qa-prioritised | New: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-jsm ax-jsmdc-helpcenter ax-medium-priority ax-platform-dc ax-qa ax-qa-prioritised |
| Remote Link | New: This issue links to "Page (Confluence)" [ 911785 ] |
| Labels | Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-jsm ax-platform-dc ax-qa ax-qa-prioritised | New: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-jsm ax-medium-priority ax-platform-dc ax-qa ax-qa-prioritised |
| Labels | Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-jsm ax-platform-dc ax-qa-prioritised | New: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-jsm ax-platform-dc ax-qa ax-qa-prioritised |
| Sprint | Original: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3, JSM Sprint 4, JSM Sprint 5, JSM Sprint 6 [ 6985, 7016, 7035, 7042, 7051, 7059 ] | New: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3, JSM Sprint 4, JSM Sprint 5, JSM Sprint 6, JSM Sprint 7 [ 6985, 7016, 7035, 7042, 7051, 7059, 7069 ] |