[Supporting platform - Make code - Share project]: After resizing the page to 200% zoom, keyboard focus indicator is not visible on the 'Home' and 'Share' menu items.

[vroopea]

User Experience:

Low vision users who depend on zooming functionality for better readability will be impacted if keyboard focus indicator is not visible on the 'Home' and 'Share' menu items. They will not be able to access the share the project controls to share the project.

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

Prerequisite:

• Open system settings -> Display -> Change the 'Scale' value to '100%' and 'Display Resolution' value to mid-range of '1280x720'.
• Now zoom the page to 200%.

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" button present on the header and invoke it.
6. Navigate using tab key and observe whether keyboard focus indicator is visible on the 'Home' and 'Share' menu items or not.

Actual Result:

Issue: After resizing the page to 200% zoom, keyboard focus indicator is not visible on the 'Home' and 'Share' menu items.

Observation: Rectangular keyboard focus indicator is visible on the 'Home' and 'Share' menu items in normal mode.

Expected Result:

After resizing the page to 200% zoom, keyboard focus indicator should visible on the 'Home' and 'Share' menu items.

MAS Reference:

MAS 1.4.4 – Resize Text

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

NA

UIA/DOM details available:

NA

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: 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/.

[vroopea]

#Accessibility;#A11yMAS;#A11ySev3;#AILimited;#MAS1.4.4;#HCL;#Nonbenchmark;#Win11-Chrome;#E2E-HCL-MakeCode-Feb2024;