Description
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:
- Launch application URL: https://makecode.microbit.org/beta#
- Home page will open.
- Navigate to 'Science' section and observe whether aria-expanded attribute is defined for the 'Plant watering' button or not.
Actual Result:
Issue: Aria expanded attribute is not defined for the 'Plant watering' button.
Observation:
Keyboard focus lands on the revealed content by expanding the 'Plant watering' button.
Expected Result:
Aria expanded attribute should be defined for the 'Plant watering' button.
Example: Aria-expanded="true" should be defined when it is in expanded state and aria-expanded="false" should be defined when it is in collapsed state.
Note: Same issue is observed for the similar buttons present on the page.
MAS Reference:
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 + NVDA
- URL: https://makecode.microbit.org/.
