microsoft / 30daysof

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

A11y_30days_Welcome to 30 Days of Learning_High Contrast: Github icon is not visible in high contrast desert theme #176

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;#A11ySev2;#30days;#P3_30days_Dec22;#WCAG4.3.3;#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)

Pre-Requisite:

To apply high contrast, follow the below steps:

  1. Open settings, tab till Accessibility and press enter
  2. Tab till Contrast themes and press enter
  3. Tab to the contrast theme combo box and press enter. Navigate to Desert theme using down arrow key
  4. Tab to apply and press enter

Repro Steps:

  1. Hit the URL: https://microsoft.github.io/30daysof/
  2. Home page will open then tab to "Github" icon present in header section.
  3. Observe “Github” icon is not visible in high contrast desert theme.

    Actual:

    Github icon is not visible in high contrast desert theme

    Expected:

    Github icon should be visible properly in high contrast desert theme

    User Impact:

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

    Attachment:

    Github icon is not visible in high contrast desert theme

Raghu-addepalli commented 1 year ago

Verified the issue in below environment issue is fixed, hence closing the bug. org - https://microsoft.github.io/30daysof/ 176_Closed Git Hub Tags: #Closed;

Ashutoshsahoo164 commented 1 year ago

GithubTags: #Closed;