[Screen reader - Make code - New Project (Editor)]: Screen reader does not announce the state as 'Expanded/Collapsed' by invoking the 'Advanced' button.

[vroopea]

User Experience:

Screen reader dependent people will get impacted if screen reader does not announce the state as expanded/collapsed. Due to which the end user will not be able to know whether the advanced options are in expanded state or not and cannot access the controls present under it.

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

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. Turn on the screen reader (JAWS) and navigate to 'Advance' option present under 'Search' field.
6. Invoke it and observe whether the screen reader announces the state or not.

Actual Result:

Issue: Screen reader does not announce the state as 'Expanded/Collapsed' by invoking the 'Advanced' button.

Observation:

• Screen reader remains silent by invoking the 'Advanced' button.
• Narrator and NVDA remains silent by invoking the 'Advanced' button.

Expected Result:

Screen reader should announce the state as 'Expanded/Collapsed' by invoking the 'Advanced' button.

Example: aria-expanded attribute should be defined for the 'Advance' button.

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

https://github.com/microsoft/pxt-microbit/assets/158465724/3f4e933f-580b-49e6-b890-881e2242e86c

[vroopea]

Accessibility;#A11yMAS;#A11ySev3;#MAS4.1.2;#AILimited;#HCL;#Benchmark;#Win11-Chrome;#E2E-HCL-MakeCode-Feb2024;