-
Bug
-
Resolution: Fixed
-
High
-
Severity 3 - Minor
-
-
Accessibility
Issue Summary
An incorrect textual description, such as "Help Center" has been provided for the logo image link.
Test URL
https://jsma11ytest.atlassian.net/servicedesk/customer/portals
Steps to Reproduce
- Open the Test Portal page on the JSM Cloud instance.
- Navigate to the mentioned logo image link and inspect the code.
- Observe that the textual description provided for the logo image link is inaccurate.
Screenshot
Actual Results
An inaccurate textual description, such as "Help Center", is provided for the "Test Portal" logo image link.
This issue occurs because the <a> element containing the logo <img> has an aria-label attribute with the incorrect value "Help Center".
As a result, screen reader users may not be able to accurately understand the purpose of this informative image.
Expected Results
Ensure that the accurate textual description of the image is read out by the screen reader.
Apply the following changes:
- Provide an appropriate and accurate textual description for the informative image.
- Ensure that the textual description accurately reflects the purpose of the image.
- In this case, ensure that the textual description for the mentioned image link is "Test Portal".
Code Snippet:
Syntax: <img src="..." alt="ClientName">
Correct Code Example:
<a class="sc-btzYZH cv-exclude-from-customisation fWWIAL" href="/servicedesk/customer/portals" target="_self"> <img src="blob:https://jsma11ytest.atlassian.net/97dae236-d919-46bb-b681-ec70563754aa" alt="Test Portal"> </a>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available.
Environment
Windows - 11 Pro
MacBook Pro (16 inch, 2021)
macOs 15.4.1
Chrome - Version 137.0.7151.57 (Official Build) (arm64)
Firefox- Version 136.0.4
Safari- Version 18.3 (20620.2.4.11.5)
JAWS- Version 2023
NVDA- Version 2024.4.2.35031
Voiceover - Version Latest