Header : Missing alt attribute for informative image

XMLWordPrintable

    • 10.03
    • Severity 3 - Minor

      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

            Assignee:
            Serhii Panchenko
            Reporter:
            Sojal Shende
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: