microsoft / microsoft/pxt-microbit

There is underline of Show Instructions in some tutorials when High Contrast is On

Open
#5,684 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted High Contrast P2 theme
Dominant language
TypeScript
Stars
804
Forks
721
Avg merge
2d 9h
Merged PRs (30d)
2

Description

Describe the bug
There is underline of Show Instructions in some tutorials when High Contrast is On

Steps to reproduce the behavior
1.Navigate to https://makecode.microbit.org/beta
2.Set High Contrast On.
3.Choose some tutorials and observe.

Actual behavior:
There is underline of Show Instructions in some tutorials.

Expected behavior:
No underline of Show Instructions.

Screen Recording:
underline

Additional context:
1.OS: Windows11
2.Browsers: Edge & Firefox
2.makecode.microbit,org version: 7.0.12
3.Microsoft MakeCode version: 10.0.23

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 at https://makecode.microbit.org/beta, enable High Contrast, and open the tutorials named in the report to reproduce the underline on Show Instructions. Trace the tutorial UI from there; done means Show Instructions has no underline in High Contrast mode across the affected tutorials, with the behavior checked in Edge and Firefox.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.