-
Bug
-
Resolution: Fixed
-
High
-
10.3.0, 10.4.1
-
Severity 3 - Minor
-
-
Accessibility
Issue Summary
Decorative icon, such as "Search" is not hidden from screen reader users.
Steps to Reproduce
- Open the JSM DC Help Center instance.
- Using a screen reader, navigate through the page with the "Down Arrow" key.
- Observe that the decorative icon mentioned receives focus from the screen reader.
Screen Recording
Decorative icon screen recording.mp4
Actual Results
The decorative icon, such as "Search" is not hidden from screen readers.
As a result, the icon receives focus from the screen reader, which can lead to unnecessary interruptions or confusion for users navigating the page.
Expected Results
Ensure that the decorative icon is hidden from screen reader users.
In this case, hide the icon by applying the aria-hidden="true" attribute to the <span> element.
Code Snippet:
<span aria-hidden="true" class="aui-icon aui-icon-small aui-iconfont-search sd-smart-search-icon js-sd-smart-search-icon" style="display: inline;"> </span>
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
Operations - Windows11
Chrome - Version 133.0.6943.127 (Official Build) (64-bit)
Safari- Version 18.0
Firefox- Version 135.0 (64-bit)
JAWS- Version 2023
NVDA- Version 2024.4.2
VoiceOver - Version Latest
- links to
[JSDSERVER-16055] Help Center: Decorative icon not hidden for screen reader users
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Fix Version/s | New: 11.0.0 [ 111000 ] | |
| Fix Version/s | New: 10.6.0 [ 110418 ] | |
| Fix Version/s | New: 10.5.1 [ 110317 ] |
| Labels | Original: 1.1.1 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa ax-qa-abandon ax-qa-verified ril | New: 1.1.1 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa ax-qa-fixed ax-qa-verified ril |
| Labels | Original: 1.1.1 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa ril | New: 1.1.1 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa ax-qa-abandon ax-qa-verified ril |
| Attachment | New: Decorative Icon SS.png [ 489856 ] |
| Status | Original: In Progress [ 3 ] | New: Waiting for Release [ 12075 ] |
| Status | Original: Short Term Backlog [ 12074 ] | New: In Progress [ 3 ] |
| Assignee | New: Shova Acharya [ f8cc0f3bb64f ] |
| Status | Original: Needs Triage [ 10030 ] | New: Short Term Backlog [ 12074 ] |
| Labels | Original: 1.1.1 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa | New: 1.1.1 Accessibility Level-A WCAG2.2 ax-a11y-1122 ax-at-user ax-bug ax-customer-escalated ax-eap-support ax-esc-VA-Gov ax-qa ril |