Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Programmatic Access - Make code - New Project]: Aria expanded attribute is incorrectly defined when role="option" for the 'Java script' control. #6120

Open
BURRAshiva01 opened this issue Mar 17, 2025 · 0 comments

Comments

@BURRAshiva01
Copy link

BURRAshiva01 commented Mar 17, 2025

User Experience:

Visually impaired people who depend on screen reader will get impacted if aria-expanded attribute is not defined for the button. Due to which the end users will not be able to know the current state of the button and cannot access it efficiently.

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

Repro Steps:

  1. Launch application URL: https://makecode.microbit.org/#editor
  2. Home page will open.
  3. Create 'New Project'.
  4. Navigate to 'Java script' control and verify the issue as aria-expand attribute is defined correctly or not.

Actual Result:

Issue: Aria expanded attribute is incorrectly defined when role="option" for the 'Java script' control.

Expected Result:

aria-attribute and role should be relevant for 'Java script' control.

Title:

WCAG 4.1.2: Ensure an element's role supports its ARIA attributes (#editordropdown)

Issue:

Ensure an element's role supports its ARIA attributes (aria-allowed-attr - https://accessibilityinsights.io/info-examples/web/aria-allowed-attr)

Target application:

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

Element path:

#editordropdown

Snippet:

How to fix:

Fix all of the following:
ARIA attribute is not allowed: aria-expanded="false"

MAS Reference:

MAS 4.1.2 – Name, Role, Value

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

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
URL: https://makecode.microbit.org/.

Image
@BURRAshiva01 BURRAshiva01 changed the title [Programmatic Access - Make code - New Project]: Aria expanded attribute is incorrectly defined when role="option" for the 'Java script' button. [Programmatic Access - Make code - New Project]: Aria expanded attribute is incorrectly defined when role="option" for the 'Java script' control. Mar 17, 2025
@BURRAshiva01 BURRAshiva01 self-assigned this Mar 18, 2025
@abchatra abchatra added this to the Microbit 2025 Yearly release milestone Mar 26, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment