pxt-microbit icon indicating copy to clipboard operation
pxt-microbit copied to clipboard
verified publisher icon microsoft

[Keyboard Navigation- Make code - History]: "2/8/2024 ↑3" button and other controls are not accessible through keyboard.

Open Yamini234u opened this issue 1 year ago • 1 comments

User Experience

Keyboard users will not be able access the 'History ↑2' control if the focus is not moving to the controls. Users might get impacted if it is not accessible with keyboard and will face challenges and get misguided.

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. Navigate to "Review, Commit and push local changes to GitHub" button and select it.
  6. Navigate to all the controls under History, Release Zone, Extension Zone Section.
  7. Navigate to "View Commits" button and "↑3" button will appear
  8. Observe and verify "2/8/2024↑3" button accessible through keyboard or not?

Actual Result:

"2/8/2024 ↑3" button and other control are not accessible through keyboard. Observation:

  • On navigating with key focus is moving to "2/8/2024 ↑3" button.
  • Tabindex is not defined for the button

Expected result:

"2/8/2024 ↑3" button and other controls should be accessible through keyboard. Solution: Focus should move to "2/8/2024 ↑3" button and other controls under "↑3" button.

MAS Reference:

MAS 2.1.1 – Keyboard

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

DOM details available: Yes(Please refer to 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 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 Link. “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/. MAS2 1 1- History ↑3 button and other controls are not accessible through keyboard MAS2 1 1-DOM- 2-8-2024 ↑3 button and other controls are not accessible through keyboard

Yamini234u avatar Feb 20 '24 08:02 Yamini234u

#Accessibility;#A11yMAS;#A11ySev1;#A11yAuto;#k4W;#MAS2.1.1;#HCL;#Benchmark;#Win11-Chrome;#E2E-HCL-MakeCode-Feb2024;TabStops

Yamini234u avatar Feb 20 '24 08:02 Yamini234u