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 30days of learning_Non Text content: “Alt” text is provided for “</>” decorative image. #174

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;#WCAG1.1.1;#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. “30Days of Learning” page will open.
  3. Tab to “</>#30Days of link” in header section and press F12.
  4. Observe that “Alt” text is provided for decorative images.

    Actual:

    “Alt” text “30Days of Logo” is provided for “</>” decorative image.

    Expected:

    “Alt” text should not be provided for “</>” decorative image, alt attribute should be null for decorative images.

    User Impact:

    Screen reader users will face difficulty if “alt” text is provided for decorative images.

    Attachment:

    3_A11y_  WCP-CELAP3 30days_Welcome to 30days of learning_Devtools Alt text is provided for decorative image
nitya commented 1 year ago

@Ashutoshsahoo164 can you verify if issue is resolved?

Raghu-addepalli commented 1 year ago

sw Verified the issue in below environment issue is fixed hence closing the bug and added attachment. Githubtags:  #Closed;