Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-16130

Missing alt attribute for informative images

XMLWordPrintable

      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

            Satej Mirpagar made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
            Rogerpinto Marialouis made changes -
            Labels Original: 1.1.1 A11y-379 Level-A WCAG21 accessibility ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-customer-escalated ax-eap-support ax-qa ril New: 1.1.1 A11y-379 Level-A WCAG21 accessibility ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-customer-escalated ax-eap-support ax-high-priority ax-qa ril
            Jim Alexander made changes -
            Fix Version/s New: 10.6.1 [ 111293 ]
            Jim Alexander made changes -
            Assignee New: Jim Alexander [ fb78834a366d ]
            Jim Alexander made changes -
            Status Original: In Progress [ 3 ] New: Waiting for Release [ 12075 ]
            Jim Alexander made changes -
            Status Original: Short Term Backlog [ 12074 ] New: In Progress [ 3 ]
            Jim Alexander made changes -
            Fix Version/s New: 10.7.0 [ 111197 ]
            Bartosz Ornatowski made changes -
            Priority Original: Low [ 4 ] New: High [ 2 ]
            Security Metrics Bot made changes -
            Labels Original: 1.1.1 A11y-379 Level-A WCAG21 accessibility ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-customer-escalated ax-eap-support ax-qa New: 1.1.1 A11y-379 Level-A WCAG21 accessibility ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-customer-escalated ax-eap-support ax-qa ril
            Security Metrics Bot made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 1002066 ]

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

                Created:
                Updated:
                Resolved: