microsoft / microsoft/vscode-docs

Update images containing text on transparent backgrounds

Open
#8,095 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

accessibility doc-bug
Dominant language
Markdown
Stars
6.6k
Forks
5.8k
Avg merge
11h 43m
Merged PRs (30d)
123

Description

Audit & update images containing text over transparent backgrounds. This currently causes accessibility issues in dark theme:

Image In light theme, the annotation strings are visible. Image In dark theme, the annotation strings are difficult to read & are almost invisible.

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 auditing the documentation images containing text on transparent backgrounds, using the two images in the issue as visual references. Identify affected images and update them so annotation strings remain readable in both light and dark themes; done means the affected images no longer cause the described contrast problem.

Written by the indexing model from the issue text.

Assessment

Tech stack
vscode
Domain
accessibility, documentation
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 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.