microsoft
[Visual requirement - Make code - Share project]: Luminosity ratio of the "Getting Started" text does not meet minimum contrast ratio 4.5:1
User Experience
Low vision users will get impacted as they will not be able to view the static text on the page properly & will face difficulties while reading the content on the page if the luminosity ratio of the Getting Started" text does not meet the minimum requirement of 4.5:1 ratio.
Note: User credentials should NOT be included in the bug.
Repro Steps:
- Launch application URL: https://arcade.makecode.com/github
- "GitHub with MakeCode" page will open
- Run AI
- Observe and verify whether "Getting Started" text meets minimum contrast ratio or not.
Actual Result:
Luminosity ratio of the "Getting Started" text does not meet minimum contrast ratio 4.5:1.
Observation: The actual luminosity ratio of the text is 3.01.
Expected result:
Luminosity ratio of the "Getting Started" text should meet minimum contrast ratio 4.5:1.
Issue
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (color-contrast - Target application: GitHub with MakeCode - https://arcade.makecode.com/github
Element path:
.primary > p
Snippet:
<p>Getting started</p>
How to fix:
Fix any of the following: Element has insufficient color contrast of 3.01 (foreground color: #ffffff, background color: #f76820, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
MAS Reference:
MAS 1.4.3 – Contrast (Minimum) ARIA Authoring Ref Link/Fluent Patterns Guidance /HITS Guidance: NA
DOM details available: Yes(Please refer to the attachment)
Reference Links:
- Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
- External Bug Process: If this bug belongs to external team, mark it as resolved/done and assign it back to the tester with notes on where to file/route the bug. For more information, please use this Link. “HCL Staff should not log any third-party external bugs. Should be routed to EDAD team”.
- Please reach out to C&AI Teams channel for any process related queries.
Test Environment:
OS Version: Windows 11 23H2 (OS Build:22631.3007)
Browser: Chrome Version 121.0.2277.4 (Official build) dev (64-bit).
Test Matrix: Chrome + JAWS
Tool: Color Contrast Analyser
URL: https://makecode.microbit.org/.
#Accessibility;#A11yMAS;#A11ySev2;#A11yAuto;#K4W;#HCL;#E2E-HCL-MakeCode-Feb2024;#Benchmark;#Win11-Chrome;#MAS1.4.3
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
