Header : Missing empty alt attribute for decorative image

XMLWordPrintable

    • 9.07
    • Severity 3 - Minor

      Issue Summary

      The decorative images used in the “Search” menu popup are missing an empty alt attribute.

      Steps to Reproduce

      1. Navigate to the header region.
      2. Navigate to the decorative image which is present in the “Search” menu-pop 
      3. Observe the screen reader announcement.

      Screenshot

      Actual Result

      The decorative image is missing an empty alt attribute. Decorative images are images that provide no information or information that is already available for it. They enhance the look and feel of a website. Screen readers provide information about all the images on the web page whether any alternate text is specified or not. An empty ‘alt’ attribute of a decorative image enables the screen reader to skip the image.

      Expected Result

      Specify an empty "alt" attribute such as alt ="" or {{alt }}for the mentioned image. Making these images decorative would make sure that screen reader users do not have to go through unnecessary content.

      Code snippet

      <img data-v-98302218="" alt=""  src="https://instenv-83741-vwx4.instenv.internal.atlassian.com/secure/projectavatar?size=medium&amp;avatarId=10324" class="quick-search-item-image"> 

      Workaround

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

      Environment

      MacBook Pro (14-inch, 2021)
      macOs Ventura  13.3.1 (a) (22E772610a)
      Chrome - Version 113.0.5672.63 (Official Build) (64-bit)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 16.4 (18615.1.26.110.1)
      JAWS- Version 2021
      NVDA- Version 2021.2
      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Rogerpinto Marialouis (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: