-
Type:
Bug
-
Resolution: Fixed
-
Priority:
High
-
Component/s: Customer Service Management - Customers
-
Minor
-
Accessibility
Issue Summary
No textual description is provided for an SVG image in the table, making it inaccessible to screen reader users.
Steps to Reproduce
- Open atlassian.com
- Activate "Jira service Management" from the product section
- Select pricing or Select this link - https://www.atlassian.com/software/jira/service-management/pricing
- Navigate to the "Checked" (/)SVG image in the data table.
- Using screen reader navigate to the mentioned image.
- Listen that no textual description is announced by the screen reader, infact the image is hidden from screen reader."
Screenshot
Actual Results
The textual description is not provided for the "Included" or "Checked" SVG image. Due to the absence of an appropriately marked-up text alternative, the image is hidden from screen readers. As a result, screen reader users cannot access the information conveyed by the image.
Expected Results
Textual description of informative SVG images should be read out by the screen reader.
To make the SVG image accessible, apply the following changes:
- Add a <title> element to the SVG with a brief description of the image for example ""Included" or "Checked".
- Ensure that the role="presentation" is removed from the <svg> element, as this can prevent screen readers from recognizing the image as informative.
Code snippet
<svg title="Checked" fill="currentColor" version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" ><path d="M6.735 12.322a1 1 0 00-1.47 1.356l3.612 3.919c.537.526 1.337.526 1.834.03l.364-.359a2335.638 2335.638 0 003.939-3.883l.04-.04a492.598 492.598 0 003.658-3.643 1 1 0 00-1.424-1.404 518.42 518.42 0 01-3.64 3.625l-.04.04a2049.114 2049.114 0 01-3.775 3.722l-3.098-3.363z"></path></svg>
Note :- Please consult the design team before implementing the title, in accordance with Atlassian's guidelines.
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.1 (23H222)
Chrome - Version 131.0.6778.265 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 18.2
JAWS- Version 2024
NVDA- Version 2024
Voiceover - Version Latest