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 links have discernible text (a[target="_blank"]): A11y_AzureResponsibleAIworkshop_AI4W #81

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; #WCAG4.1.2; #A11yAuto; #Name Role Value; #Accessibility; #link-name;

Environment Details:

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

Issue:

Ensures links have discernible text (link-name - https://accessibilityinsights.io/info-examples/web/link-name)

Target application:

5️⃣ | Azure OpenAI Playground | Responsible AI Developer Hub - https://azure.github.io/responsible-ai-hub/docs/azure-openai-playground/

Element path:

p:nth-child(14) > a[target="_blank"]

Snippet:

How to fix:

Fix all of the following:

Element is in tab order and does not have accessible text

Fix any of the following:

Element does not have text that is visible to screen readers 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

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