[Programmatic Access - Make code - Home Page]: Role="presentation" is not allowed for the given element.

[vroopea]

User Experience:

When ARIA roles are used on HTML elements that are not in accordance with the HTML in ARIA specification, they conflict with the semantics of the elements which can cause assistive technology products to report nonsensical user interface (UI) information that does not represent the actual UI.

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

Repro Steps:

1. Launch application URL: https://makecode.microbit.org/beta#
2. Home page will open.
3. Navigate to 'Science' section and expand 'Plant watering' button.
4. Turn on the AI (Accessibility insights for web) and observe whether role="presentation" which is defined for the link is allowed or not.

Actual Result:

Issue: Role="presentation" is not allowed for the given element.

Expected Result:

• Ensures role attribute has an appropriate value for the element.
• ARIA role presentation should be removed from the DOM.

Issue:

Ensures role attribute has an appropriate value for the element (aria-allowed-role - https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role?application=msftAI)

Target application:

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

Element path:

.attached[href$="plant-watering"][target="_blank"]:nth-child(1)

Snippet:

<a class="ui icon link button attached" href="/projects/plant-watering" target="_blank" rel="noopener noreferrer" role="presentation" tabindex="-1">

How to fix:

Fix the following:

• ARIA role presentation is not allowed for given element.

MAS Reference:

MAS 4.1.2 – Name, Role, Value

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

aria-allowed-role

UIA/DOM details available:

Yes (Refer attachment)

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 24H2 (OS Build:26100.3037)
• Browser: Chrome Version 132.0.6834.196 (Official Build) (64-bit)
• Test Matrix: Chrome + NVDA
• URL: https://makecode.microbit.org/.

Attachment:

[vroopea]

#Accessibility; #A11yAuto; #K4W; #A11yMAS; #A11ySev3; #MAS4.1.2; #HCL; #Benchmark; #Win11-Chrome; #BM-HCL-MakeCode-Feb2025