[Programmatic Access - Make code for micro bit - My Projects]: User-scalable=no is defined for "viewport" under <meta> tag.

[Chandangithb]

User Experience:

People with visual disabilities, low vision, or limited color perception are likely to find text unreadable when it’s too small. As most people find it easier to read text when it is sufficiently large.

Note: User credentials should NOT be included in the bug.

Repro Steps:

1. Open https://makecode.microbit.org/
2. Navigate to header controls such as " micro: bit, Dropdown menu More..." etc.
3. Run AI tool.
4. Observe and verify the issue.

Actual Result:

Issue: User-scalable=no is defined for "viewport" under tag.

Expected Result:

Solution: User-scalable=no should be removed present under tag.

Issue:

Ensures does not disable text scaling and zooming (meta-viewport - https://accessibilityinsights.io/info-examples/web/meta-viewport)

Target application:

Microsoft MakeCode for micro:bit - https://makecode.microbit.org/

Element path:

meta[name="viewport"]

Snippet:

<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">

How to fix:

Fix any of the following: user-scalable=no on tag disables zooming on mobile devices

Environment:

Microsoft Edge version 111.0.1660.14

====

This accessibility issue was found using Accessibility Insights for Web 2.37.3 (axe-core 4.6.3), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

MAS Reference:

MAS 1.4.4 – Resize Text

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 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: 22H2 (OS Build:22621.1265)
• Browser: Microsoft Edge Version 111.0.1660.14 (Official build) (64-bit)
• Tool used: Accessibility insights for Web, Developer Tool (F12)
• #URL: https://makecode.microbit.org/

[Chandangithb]

#A11yAuto, #A11yMAS, #A11ySev2, #HCL, #Accessibility, #MAS1.4.4, #Benchmark, #K4W, #HCL-MakeCode-New, #WCP

[testingmakecode]

#A11yAuto;#A11yMAS;#A11ySev2;#HCL;#Accessibility;#MAS1.4.4;#K4W;#HCL-MakeCode-New;#WCP

[testingmakecode]

As checked on [Microsoft Make Code Arcade] (https://arcade.makecode.com/) the issue is still repro. #Regressed:09--28-23

[srietkerk]

Mobile is not supported.