Issue Summary

Unnecessary alternative text is provided for the "Light theme", "Dark theme", and so on, decorative images.

Steps to Reproduce

1. Open the "Home" page.
2. Navigate to the header section and activate "User profile" button > "Theme" button.
3. Navigate onto the mentioned instances and inspect their code.
4. Observe that the decorative images have textual description using “alt” attribute unnecessarily.

Screenshot

Actual Result

Decorative images have been given descriptive alternate text using "alt" attribute, such as "Light theme", "Dark theme", and so on, which were found to be unnecessary as they do not convey any additional or important information to screen reader users. As the associated elements have internal visual text. As a result, screen reader users have to listen the same information twice unnecessarily.

Expected Result

Decorative images should skip by screen readers. In this scenario, provide an empty alt i.e. alt=”” for the mentioned decorative images.

Code Snippet

<img src="data:image/svg+xml;base64,PHN2..." alt="">

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs SEQUOIA 15.2
Chrome - Version 132.0.6834.84 (Official Build) (64-bit)
Firefox- Version 128.6.0esr (64-bit)
Safari- Version - 18.2 (206220.1.16.11.8)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest