Scrum board: Missing alt attribute for an informative image

XMLWordPrintable

    • 9.12
    • Severity 3 - Minor

      Issue Summary

      The "alt" attribute is missing for the informative image present in the main content area.

      Steps to Reproduce

      1. Open the "Scrum board" page.
      2. Navigate to the 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.

      Screenshot

      Actual Results

      The "alt" attribute is not provided for the "Story" issue type informative image.

      As a result, screen reader users will not be able to understand the purpose of the image and hence the information will not be conveyed to the users that is available for sighted users.

      Expected Results

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

      Provide alternate text such as "Issue type: story" for the informative image using the "alt" attribute. Ensure that the alternate text is descriptive of the image's purpose.

      Code Example:

      <img alt="Issue type: story" src="https://instenv-231065-baws.instenv.internal.atlassian.com/images/icons/issuetypes/story.svg" loading="lazy"> 

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOs Sonoma 14.3
      Chrome - Version 120.0.6099.109 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit) 
      Safari- Version 17.3 (19617.2.4.11.8)
      JAWS- Version 2023
      NVDA- Version 2021.2 
      Voiceover - Version Latest

            Assignee:
            Mateusz Witkowski
            Reporter:
            Rahul Patil (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: