Ensures <img> elements have alternate text or a role of none or presentation (img[width="30%"][height="30%"]): A11y_WCP URLs - ONNX Runtime_AI4W

[aniketr99]

GitHub Tags:

#A11ySev2; #A11yTCS; #DesktopWeb; #SH_ONNX Runtime & Ecosystem_Web_Mar2024; #ONNX Runtime & Ecosystem; #WCP; #Win11; #Benchmark; #FTP; #P3_WCP; #ONNX Runtime; #ChromiumEdge; #A11yMAS; #WCAG1.1.1; #A11yAuto; #image-alt; #Accessibility; #Non-text Content;

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility or the Divisional Driver".

Environment Details:

Application Name: WCP URLs - ONNX Runtime
URL: https://onnxruntime.ai/blogs
Edge version: 124.0.0.0 (Official build) (64-bit)
OS: Windows 11 version 23H2

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:

Building an iOS Application | onnxruntime - https://onnxruntime.ai/docs/tutorials/on-device-training/ios-app.html

Element path:

p:nth-child(5) > img[width="30%"][height="30%"]

Snippet:

< img src="../../../images/iOS_speaker_identification_app.png" width="30%" height="30%">

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 125.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: