Ensure elements with an ARIA role that require child roles contain them (#mainmenu): A11y_makecode.microbit.org_AI4W

GitHub Tags

#A11ySev3; #A11yTCS; #ChromeiumEdge; #DesktopWeb; #Win11; #Microsoft MakeCode; #P2_MicrosoftMakeCode_Web_Nov2025; #aria-required-children; #WCAG1.3.1; #Info and Relationships; #WCP; #P2_WCP;#A11yMAS;

Environment Details

Application Name: Microsoft MakeCode
URL: https://makecode.microbit.org/
Microsoft Windows 11 Enterprise (25H2) Build on 26200.6899
Chromium Edge: Version 142.0.3595.69 (Official build) (64-bit)

Repro Steps

1. Launch the application URL: https://makecode.microbit.org/.
2. The "Microsoft MakeCode for micro:bit" Screen will get open.
3. Run accessibility insights foe Web.
4. Observe the issue

Issue:

Ensure elements with an ARIA role that require child roles contain them (aria-required-children - https://accessibilityinsights.io/info-examples/web/aria-required-children)

Target application:

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

Element path:

#mainmenu

Snippet:

Related paths:

.brand
img[alt="Microsoft MakeCode Logo"]

How to fix:

Fix any of the following:
Element has children which are not allowed: [role=presentation], img[tabindex]

Environment: Microsoft Edge version 142.0.0.0

====

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

Attachment:

Start by locating the source that renders the #mainmenu element on https://makecode.microbit.org/ and inspect its menubar children, including .brand and the logo image. Run Accessibility Insights for Web against the page and verify that the aria-required-children violation is gone without introducing new accessibility errors.