-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
10.3.0
-
Severity 3 - Minor
-
Issue Summary
"Search icon" decorative image is not hidden for screen reader users.
Steps to Reproduce
- Open "JSM System Dashboard" page.
- Navigate to the "Projects" in the header section and choose any ITSM project from the options.
- Navigate to the "Raise a request" link in the side navigation and activate it.
- Click the ‘Major incidents’ tab on the left navigation sidebar.
- Navigate to the "search icon" decorative images present in the search input field.
- Navigate to the mentioned decorative images using screen reader.
- Notice that the "search icon" is announced for the mentioned decorative image.
Screenshot
Actual Results
Decorative image such as "search icon" is not hidden from screen readers, present in the search input field. As a result these images receive screen reader focus.
Expected Results
Decorative images should be hidden from screen readers.
Apply the following changes to hide the decorative images from screen reader users:
- Hide the icon using aria-hidden="true" attribute on the <span> element.
- Additionally, remove aria-label attribute from the <span> element.
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 14.7 (23D56)
Chrome - Version 131.0.6778.86
Firefox- Version 122.0.1 (64-bit)
Safari- Version 18.1.1 (19619.2.8.111.7, 19619)
JAWS- Version 2024
NVDA- Version 2023.3
Voiceover - Version Latest
- links to