pxt-arcade
pxt-arcade copied to clipboard
microsoft
[Visual requirements – Make code – Cherry Pickr]: Color contrast of text “On start” with respect to its background color is less than minimum required contrast ratio 4.5:1.
User Experience:
Visual impaired user will find difficulty to see the text if any control or element have insufficient colour contrast it may affect the user. Note: Login Credentials must NOT be provided within the bug.
Repro steps:
- Open URL: https://arcade.makecode.com/lessons/cherry-pickr
- “Cherry Pickr” page will open.
- Navigate to “Part One: Start the Game” section.
- Run AI for Web tool.
- Verify the issue.
Actual Result:
Color contrast of 'On start' text present under “Part One: Start the Game” section of “Cherry Pickr” blade is less than 4.5:1 i.e., 2.4:1.
Expected result:
Color contrast of 'On start' text present under “Part One: Start the Game” section of “Cherry Pickr” blade should be more than 4.5:1.
Note: The same issue exists with other 363 urls: https://webcompliance.trafficmanager.net/ScanResultsApi/GetAccessibilityScanConsolidatedReport?siteId=813950a8-f21b-e811-80c5-0004ffc0fd57
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:
Cherry Pickr - https://arcade.makecode.com/lessons/cherry-pickr
Element path:
p:nth-child(11) > .loops.inlineblock.docs ### Snippet: on start ### How to fix: Fix all of the following: • Element has insufficient color contrast of 2.4 (foreground color: #ffffff, background color: #20bf6b, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 ### Environment: Microsoft Edge version 104.0.1278.2
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.
MAS Reference:
MAS 1.4.3 – Contrast (Minimum)
Test Environment:
• OS Version: 22H2 (OS Build:25151.1010) • Browser: Microsoft Edge Version 104.0.1278.2 (Official build) (64-bit) • Tool used: Accessibility insights for Web, Developer Tool (F12) • #URL: https://arcade.makecode.com/lessons/cherry-pickr
#A11yMAS;#A11ySev2;#HCL;#Accessibility;#WCAG1.4.3;#HCL-MakeCodeArcade-Sep21;
As checked the issue on URL: https://makecode.microbit.org/. The issue is still repro and severity is fine. #Regressed:04-08-24;InternalReviewed-Apr2024
