microsoft / 30daysof

30 Day of Learning Resources, Samples and Curricula
https://aka.ms/30DaysOf
MIT License
169 stars 56 forks source link

A11y_30days_Welcome to 30 Days of Learning_Non-Text Contrast: Color contrast ratio of the fusion icon is less than 3:1 #175

Closed Ashutoshsahoo164 closed 1 year ago

Ashutoshsahoo164 commented 1 year ago

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

GitHub Tags:

A11yTCS;#A11yMAS;#A11ySev3;#30days;#P3_30days_Dec22;#A11yWCAG2.1;#WCAG1.4.11;#DesktopWeb;#Win11;#ChromiumEdge

Environment Details:

Application Name: 30days

URL: https://microsoft.github.io/30daysof/

Windows Version: Win11 Chromium Edge Version: 110.0.1556.0 (Official build) dev (64-bit)

Repro Steps:

  1. Hit the URL: https://microsoft.github.io/30daysof/
  2. Home page will open then tab to "fusion" present in header section.
  3. Start the color contrast analyzer tool
  4. Observe color contrast ratio of “fusion” icon is less than 3:1

    Actual:

    Color contrast ration of “fusion” icon is less than 3:1 i.e the ratio is 1.003:1.

    Expected:

    Color contrast ratio of “fusion icon” should be equal or greater than 3:1

    User Impact:

    Low vision user will not be able to understand the icon.

Attachment:

2_A11y_ WCP-CELAP3 30days_Welcome to 30 Days of Learning_Non-Text Contrast Color contrast ratio of the fusion icon is less than 31
nitya commented 1 year ago

Fusion and other roadmap icons are no longer in the navbar

Raghu-addepalli commented 1 year ago

image verified the issue in below https://microsoft.github.io/30daysof/ environment the controls causing the issue are not available in environment hence closing the bug and added attachment. Githubtags:  #Closed;