Pricing : No text equivalent for SVG image

XMLWordPrintable

    • 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

      1. Open atlassian.com
      2. Activate "Jira service Management" from the product section
      3. Select pricing or Select this link - https://www.atlassian.com/software/jira/service-management/pricing
      4. Navigate to the "Checked" (/)SVG image in the data table.
      5. Using screen reader navigate to the mentioned image.
      6. 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

            Assignee:
            Unassigned
            Reporter:
            Rogerpinto Marialouis (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: