Issue Summary

      An alt attribute is missing for the images such as “See a project in action”, “Create a new project.” and so, on informative images.

      Steps to Reproduce

      1. Open jira service management dc.
      2. Navigate to mentioned informative image in the main content area.
      3. Inspect the code of the image.
      4. Notice that the "alt" attribute is not specified for the <img> tag.

      Screen Recording

      https://www.loom.com/share/b6e8d4e6628e434b8d8d3770369b8ec6?sid=9e54faef-a9bb-4ff9-b98d-234a250c6e0a

      Actual Results

      The "alt" attribute is not provided for the “See a project in action”, “Create a new project.” and so, on informative images. As a result, screen readers announced the image as unlabeled.

      Expected Results

      Provide alternate text for all the informative images using "alt" attribute. Ensure that the alternate text is descriptive of the image purpose.
      Apply the following changes:
      Provide an empty alt attribute of the mentioned <img> elements.
      Wrap the decorative icon inside a <span> element.
      Hide the icon using aria-hidden="true" attribute on the <span> element.

      Code Snippet:

      <img alt="" class="CToWUd" data-bit="iit">
      <span aria-hidden="true" role="img" class="css-1eivgv0" ..>
      (...)
      </span>
      

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (14-inch, 2021)
      macOs Ventura 13.5
      Chrome - Version 121.0.6167.85 (Official Build) (64-bit)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.3 (17612.4.9.1.5)
      JAWS- Version 2023
      NVDA- Version 2023.2
      Voiceover - Version Latest

            [JSDSERVER-16130] Missing alt attribute for informative images

            No work has yet been logged on this issue.

              fb78834a366d Jim Alexander
              153f1fd15216 Rogerpinto Marialouis
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: