microsoft / microsoft/pxt-microbit

[Morse Chat Tutorial] Keyboard Navigation: "What is Morse code?" Section Cannot Be Expanded Using Enter or Space

Open
#7,033 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

keyboard navigation P2
Dominant language
TypeScript
Stars
804
Forks
721
Avg merge
2d 9h
Merged PRs (30d)
2

Description

Describe the bug
In the Morse Chat tutorial, the "What is Morse code?" expandable section can receive keyboard focus, but it cannot be expanded using the keyboard(Enter or Space).

Steps to reproduce the behavior:

  1. Navigate to Microsoft MakeCode for micro:bit.
  2. Scroll to the Tutorials for the new micro:bit (V2) section.
  3. Use Tab to move focus to the Morse Chat tutorial card.
  4. Press Enter to open the tutorial.
  5. Continue using Tab until focus moves to the "What is Morse code?" expandable section.
  6. Press Enter or Space.
  7. Observe the behavior of the section.

Actual behavior
The "What is Morse code?" section receives keyboard focus, but pressing Enter or Space does not expand the content.

Expected behavior
The "What is Morse code?" section should expand and collapse when activated using Enter or Space, allowing keyboard-only users to access the content in accordance with standard accessibility expectations for expandable controls.

Screenshots
Image

Additional context
1.OS: Windows 11 25H2 & Mac Mini M2 macOS Tahoe 26.5.2
2.Browser: Chrome, Edge, Firefox, and Safari
3.makecode.microbit.org version: 9.0.3
4.Microsoft MakeCode version: 13.0.3

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by opening the Morse Chat tutorial and locating the "What is Morse code?" expandable section and its activation handling. Reproduce the issue with keyboard focus, then verify that Enter and Space expand and collapse the section and that the content is accessible to keyboard-only users.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.