[Usable- Make code - Choose a camera]: "Green background" text overlapping with button on applying text spacing.

[Yamini234u]

User Experience

Users with cognitive disability and low vision who require increased space between lines, words, and letters will not be able to access the page efficiently If the text or the controls present on the page get overlapped or truncated. Note: User credentials should NOT be included in the bug.

Repro Steps:

1. Launch application URL : https://makecode.microbit.org
2. Home page will open.
3. Navigate "New Project" option and select it.
4. Editor screen will open.
5. Navigate to "Settings" option appearing in header section and select it.
6. Navigate to "Green Screen On" option and select it.
7. Verify that Green Screen setting is getting activated and the controls under "Choose a camera" dialogue.
8. Apply text spacing
9. Verify "Green background" text overlapping with button or after on applying text spacing

Actual Result:

"Green background" text overlapping with button on applying text spacing.

Expected Result:

"Green background" text should not overlap with button on applying text spacing.

ARIA Authoring Ref Link/Fluent Patterns Guidance /HITS Guidance: NA

DOM details available: N/A

Reference Links:

• 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 Link. “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: Windows 11 23H2 (OS Build:22631.3007)
• Browser: Chrome Version 121.0.2277.4 (Official build) dev (64-bit).
• Test Matrix: Chrome + JAWS
• URL: https://makecode.microbit.org/.

[Yamini234u]

#Accessibility;#A11yUsable;#A11ySev4;#HCL;#E2E-HCL-MakeCode-Feb2024;#NonBenchmark;#Win11-Chrome;