A11Y-640: Funtional images have redundant text alternative

Issue Summary

The "Apple OS common", "Ansible ", and so on, functional icons have redundant text alternative.

Steps to Reproduce

1. Open the "Your work" page.
2. Navigate onto the "Repositories" button and activate it.
3. Navigate onto the mentioned instances and inspect their code.
4. Observe that the images have redundant text alternative.

Screenshot

Actual Result

There are "Apple OS common", "Ansible ", and so on, image links within the "Repositories" dropdown that have redundant text alternative as "Apple OS common", "Ansible ", and so on respectively. This is because the accessible name of the image links is already conveyed by the internal text within the link (a) element. As a result, the accessible name is announced twice. This might confuse the users of a screen reader.

Expected Result

Ensure that the name of the image links announce only once. In this scenario, we would recommend you to provide an empty alt, i.e. alt="" within the <img> element of the parent <a> element in the DOM as the internal text of the link is sufficient enough to convey its purpose.

Code Snippet

<a href="/projects/APL/repos/daedalus/browse" ....>
<img alt="" ...>
<div ..><strong class="item-name">daedalus</strong><p class="item-description">Apple OS Common</p></div>
</a> 

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura 13.5
Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest

Workaround

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