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

Ensure links are distinguished from surrounding text in a way that does not rely on color (a[href$="ml.azure.com/"]): A11y_AzureResponsibleAIworkshop_AI4W #80

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.4.1; #A11yAuto; #link-in-text-block; #Accessibility; #Use of color;

Environment Details:

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

Note:

Similar issue is observed in below URL:

  1. https://azure.github.io/responsible-ai-hub/docs/add-flow-connections/

Issue:

Ensure links are distinguished from surrounding text in a way that does not rely on color (link-in-text-block - https://dequeuniversity.com/rules/axe/4.7/link-in-text-block?application=msftAI)

Target application:

2️⃣ | Bring Your Own Data | Responsible AI Developer Hub - https://azure.github.io/responsible-ai-hub/docs/bring-your-data/

Element path:

a[href$="ml.azure.com/"]

Snippet:

Azure ML studio

Related paths:

ol[start="3"] > li:nth-child(2)

How to fix:

Fix any of the following:

The link has insufficient color contrast of 1.52:1 with the surrounding text. (Minimum contrast is 3:1, link text: #492291, surrounding text: #1c1e21) The link has no styling (such as underline) to distinguish it from the surrounding text

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