Skip to content

[Keyboard navigation - Make code - Gettings started tour]: Keyboard focus moves out of the 'Welcome' dialog while navigating using tab key. #6095

Closed
microsoft/pxt
#10537
@vroopea

Description

@vroopea

User Experience:

Keyboard dependent people will get impacted if keyboard focus moves out of the dialog while navigating using tab key. Due to which the end user requires an extra effort to reach the dialog which is time consuming.

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 'Create project' button and select it. Editor page appears.
  4. Getting started tour pop up appears, navigate the page and observe whether keyboard focus moves out of the 'Welcome' dialog or not.

Actual Result:

Issue: Keyboard focus moves out of the 'Welcome' dialog while navigating using tab key.

Observation:
After 'Next' button, by pressing tab key, keyboard focus moves out of the page.

Expected Result:

Keyboard focus should not move out of the 'Welcome' dialog while navigating using tab key.

Example: Aria-modal="true" should be defined.

MAS Reference:

MAS 2.4.3 – Focus Order

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

Attachment:

Image

Metadata

Metadata

Type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions