Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-78445

Header : Missing alt attribute for informative image

XMLWordPrintable

      Issue Summary

      The 'alt' attribute is missing for the "Jira logo" informative image.

      Steps to Reproduce

      1. Open the "Home" page.
      2. Navigate to the header section.
      3. Navigate to the "Help" > "About Jira" buttons and activate them > a modal appears.
      4. Navigate to the mentioned informative image and inspect the code.
      5. Notice that the 'alt' attribute is not specified for the mentioned informative image.

      Screenshot

      Actual Results

      The "alt" attribute is not provided for the "Jira logo" informative image in the "Atlassian Jira and Jira Plugins" modal dialog that becomes available on activating the "Help" and "About Jira" buttons in the header section.
      As a result, screen reader announces the image as unlabelled.

      Expected Results

      Alternate text of the informative image should be read out by the screen reader.

      Provide alternate text for the mentioned informative image such as "Jira logo" using 'alt' attribute. Ensure that the alternate text is descriptive of the image purpose.

      Code Example:

      <img class="main-about-jira-logo" src="/images/atlassian-jira-logo-large.png" alt="Jira logo"> 

      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
      Chrome - Version 131.0.6778.86 (Official Build) (arm64)
      Firefox- Version 134.0 (64-bit) 
      Safari- Version 18.1.1 (20619.2.8.11.12)
      JAWS- Version 2023
      NVDA- Version 2021.2 
      Voiceover - Version Latest

              spanchenko@atlassian.com Serhii Panchenko
              88a173d72595 Sojal Shende
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: