Ensure elements with an ARIA role that require child roles contain them (#mainmenu): A11y_arcade.makecode.com_Make Code Arcade_AI4W

[PoojaNamde]

GitHub Tags:

#A11yTCS; #A11yMAS; #WCAG1.3.1; #CELA_P2; #A11ySev3; #WCP; #Benchmark; #FTP; #ChromiumEdge; #DesktopWeb; #BM_arcade.makecode_Web_Sept25; #Info and Relationships; #Win11; #aria-required-children; #arcade.makecode.com; #a11ydb-aria-req-children;

Issue Subcategory:

ARIA element has invalid or missing child roles

User Experience:

Screen reader users may receive an incorrect or incomplete widget description when required child role relationships are missing or invalid children are present.

Repro Steps:

1. Launch the URL: https://arcade.makecode.com/--skillmap.
2. Microsoft Arcade page will get open.
3. Run Accessibility insights for 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 Arcade - https://arcade.makecode.com/--skillmap

Element path:

#mainmenu

Related paths:

.brand
img

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

Environment Details:

Application Name:  arcade.makecode.com
URL: https://arcade.makecode.com/--skillmap
ChromiumEdge: Version 142.0.3595.69 (Official build) (64-bit)
OS: Windows 11 Enterprise version 25H2

Attachment: