Uploaded image for project: 'Bitbucket Data Center'
  1. Bitbucket Data Center
  2. BSERV-19240

Header: Unnecessary alt text for the decorative images

    XMLWordPrintable

Details

    Description

      Issue Summary

      The alt text has been used for the decorative images for the icons in the repository.

      Steps to Reproduce

      1. Open the "Header" page.
      2. Navigate to the mentioned instance.
      3. Inspect the code of the mentioned decorative images.
      4. Notice that decorative images have an "alt" attribute with text that describes the decorative image.

      Screenshot

      Actual Results

      Decorative images have been given descriptive alternate text such as "Source - popular framework", "Components - merge conflicts", and so on which was found to be unnecessary as they do not convey any additional or important information to the screen reader users.

      Expected Results

      Decorative images should be skipped by the screen reader.

      Provide an empty alt attribute i.e., alt="" for all the decorative images.

      Code Example:

      <img alt="" src="/projects/LANG/avatar.png?s=64&amp;v=1707092763158" aria-describedby="aui-tooltip">
      ...

      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

      Attachments

        Issue Links

          Activity

            People

              Unassigned Unassigned
              1833d2e1842a Rahul Patil
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated: