opensource.microsoft.com icon indicating copy to clipboard operation
opensource.microsoft.com copied to clipboard

A11y_OSPO Production_Code of Conduct - FAQ_AI4W: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (span)

Open NiharikaTipirishetty opened this issue 2 years ago • 0 comments

Github tags:

#A11yMAS; #A11ySev2; #A11yTCS; #Benchmark; #P2_OSPOProduction_Web_Sep2021; #P2_WCP; #WCP; #OSPO Production; #DesktopWeb; #ChromiumEgde; #Win11; #P2_OSPOProduction; #WCAG1.4.3; #color-contrast;

Environment and OS Details:

#URL: https://opensource.microsoft.com/codeofconduct/faq/ App name: OSPO Production Windows 11 Version 21H2(OS Build 22000.795) Chromium Edge Version 103.0.1264.62 (Official build) (64-bit)

Note:

This issue is also observed in https://opensource.microsoft.com/program/

Issue:

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

Target application:

Code of Conduct - FAQ | Microsoft Open Source - https://opensource.microsoft.com/codeofconduct/faq/

Element path:

li:nth-child(2) > span

Snippet:

span

How to fix:

Fix any of the following: Element has insufficient color contrast of 1.46 (foreground color: #323130, background color: #11100f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Environment: Microsoft Edge version 103.0.1264.71

====

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

Attachments:

Code of Conduct - FAQ_AI4W Microsoft’s Open Source Program_AI4W_color-contrast

NiharikaTipirishetty avatar Jul 29 '22 09:07 NiharikaTipirishetty