Azure / responsible-ai-hub

A "Responsible AI For Developers" hub to help developer audiences (students, entrepreneurs and professionals) discover workshop, events and resources that can help them learn and use Responsible AI concepts and resources effectively in their own projects.
https://aka.ms/rai-hub/website
MIT License
36 stars 20 forks source link

Ensures <img> elements have alternate text or a role of none or presentation (img[width="1658"]): A11y_AzureResponsibleAIworkshop_AI4W #79

Open aniketr99 opened 4 months ago

aniketr99 commented 4 months ago

"Please do not close this bug. This bug should only be closed by Trusted Tester after verification."

GitHub Tags:

A11yTCS; #A11yMAS; #A11ySev2; #WCP; #Win11; #ChromiumEdge; #FTP; #DesktopWeb; #Azure Responsible AI workshop; #Feature_Azure Responsible AI workshop_Mar2024; #WCAG1.1.1; #A11yAuto; #image-alt; #Accessibility; #Non-text Content;

Environment Details:

Application Name: Azure Responsible AI workshop URL: https://azure.github.io/responsible-ai-hub/docs/add-flow-connections/ Chromium Edge Version 124.0.0.0 (Official build) dev (64-bit) Window Version: Win 11 OS Build: 22621.3085

Issue:

Ensures elements have alternate text or a role of none or presentation (image-alt - https://accessibilityinsights.io/info-examples/web/image-alt)

Target application:

3️⃣ | Add Flow Connections | Responsible AI Developer Hub - https://azure.github.io/responsible-ai-hub/docs/add-flow-connections/

Element path:

img[width="1658"]

Snippet:

< img decoding="async" loading="lazy" src="/responsible-ai-hub/assets/images/00-enable-promptflow-a0f9ce1cc5d8a92dad56e13d29a23db0.png" width="1658" height="459" class="img_ev3q">

How to fix:

Fix any of the following:

Element does not have an alt attribute aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation"

Environment:

Microsoft Edge version 124.0.0.0

====

This accessibility issue was found using Accessibility Insights for Web 2.41.0 (axe-core 4.7.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Attachment:

image