Header: Unnecessary alt text for the decorative images

XMLWordPrintable

    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

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

            Created:
            Updated: