microsoft / onnxruntime

ONNX Runtime: cross-platform, high performance ML inferencing and training accelerator
https://onnxruntime.ai
MIT License
14.4k stars 2.89k forks source link

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (.s:nth-child(4)) #21294

Open Govardhani-T opened 3 months ago

Govardhani-T commented 3 months ago

GitHub Tags:

A11ySev2; #A11yTCS; #DesktopWeb; #SH_ONNX Runtime & Ecosystem_Web_Mar2024; #ONNX Runtime & Ecosystem; #WCP; #Win11; #FTP; #P3_WCP; #ONNX Runtime; #ChromiumEdge; A11yWCAG2.1; #A11yMAS; #color-contrast; #WCAG1.4.3; #A11yAuto;

"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/ Edge version: 123.0.2420.53 (Official build) (64-bit) OS: Windows 11 version 23H2

Steps to Reproduce

  1. Hit the URL "https://onnxruntime.ai/docs/execution-providers/ROCm-ExecutionProvider.html".
  2. "ONNX Runtime" AMD ROC-m page appeared.
  3. Run Accessibility Insights for web.
  4. Now check that Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

    Issue:

    Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (color-contrast - https://accessibilityinsights.io/info-examples/web/color-contrast)

    Target application:

    AMD - ROCm | onnxruntime - https://onnxruntime.ai/docs/execution-providers/ROCm-ExecutionProvider.html

    Element path:

    .s:nth-child(4)

    Snippet:

    "ROCMExecutionProvider"

    Related paths:

    .language-python.highlighter-rouge:nth-child(27) > .highlight > pre

    How to fix:

    Fix any of the following: Element has insufficient color contrast of 2.99 (foreground color: #50a04f, background color: #f5f6fa, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

Environment: Microsoft Edge version 126.0.0.0

====

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

Attachment:

image

Govardhani-T commented 1 month ago

Verified the issue in the environment. issue is not fixed. image