-
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
