[Programmatic Access- Make Code]: Feedback image does not have alternate text or role.

[Yamini234u]

User Experiences:

The visually impaired users will be impacted and will not be able to get the image information if the screen reader does not announce the alternate text. NoteUser credentials should NOT be included in the bug.

Repro Steps:

1. Open URL: https://arcade.makecode.com/--skillmap#docs:/skillmap/racer
2. “MakeCode Arcade” page will open.
3. Run AI for Web tool.
4. Verify the issue.

Actual Result:

Issue: Feedback image does not have alternate text or role.

Expected Result:

Solution: Feedback image should have alternate text or role.

Title:

Ensures elements have alternate text or a role of none or presentation (img)

Issue:

Ensures elements have alternate text or a role of none or presentation (image-alt - https://accessibilityinsights.io/info-examples/web/image-alt)

Target application:

MakeCode Skill Map - https://arcade.makecode.com/--skillmap#docs:/skillmap/racer

Element path:

usabilla_live_button_container_iframe408539975;img

Snippet:

<img src="https://d6tizftlrpuof.cloudfront.net/themes/production/microsoft-makecode-button-0d6cc51ea768382662bd0c886e916545.png" width="35" height="110"> `

How to fix

• Fix any of the following:
• Element does not have an alt attribute
• aria-label attribute does not exist or is empty
• aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
• Element has no title attribute
• Element's default semantics were not overridden with role="none" or role="presentation"

MAS Reference:

MAS 1.1.1 – Non-text Content

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 an 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 External Bug Process (sharepoint.com). “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: 21H2 (OS Build:25151.1098)
• 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/--skillmap#docs:/skillmap/racer

[Yamini234u]

Accessibility, #A11yMAS,#A11ySev2,#HCL-MakeCode-Sep21,#HCL , WCP , Closed

[Yamini234u]

Closing this bug as duplicate bug has been logged: https://github.com/microsoft/pxt-arcade/issues/4938.