Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (span:nth-child(6)):A11y_code.visualstudio.com_AI4W
Maintainers usually reply within 1 day
@ntrogh is already working on this.
Since Oct 5, 2026.
Assessment
This issue has not been assessed yet.
Description
GitHub Tags:
#A11yTCS; #A11yMAS; #A11ySev3; #DesktopWeb; #ChromiumEdge; #Win11; #Visual Studio Code Services; #E2E_Visual Studio Code Services_Web_Jan26; #WCAG1.4.3; #Contrast (Minimum); #WCP; #P1_WCP; #Color-Contrast; #a11ydb-near-miss-contrast;
Repro Steps:
Launch the URL: https://code.visualstudio.com/docs/cpp/config-clang-mac > Observe the issue.
Issue:
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (color-contrast - https://accessibilityinsights.io/info-examples/web/color-contrast)
Similar issue also observed in below Urls:
- https://code.visualstudio.com/updates/v1_68
- https://code.visualstudio.com/updates/v1_69
- https://code.visualstudio.com/docs/configure/keybindings
- https://code.visualstudio.com/docs/configure/command-line
Target application:
Using Clang in Visual Studio Code - https://code.visualstudio.com/docs/cpp/config-clang-mac
Element path:
.line:nth-child(4) > span:nth-child(6)
Snippet:
"\n
Related paths:
.code-block-wrapper:nth-child(106) > pre[data-lang="json"][aria-label="Code block in JSON"]
How to fix:
Fix any of the following:
Element has insufficient color contrast of 4.45 (foreground color: #ee0000, background color: #fdfdfd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Environment:
Microsoft Edge version 153.0.0.0
This accessibility issue was found using Accessibility Insights for Web 2.49.0 (axe-core 4.11.3), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
Environment Details:
Application Name: code.visualstudio.com
URL: https://code.visualstudio.com/docs/cpp/config-clang-mac
Chromium Edge: Version 153.0.4234.48 (Official build) (64-bit)
OS: Windows 11 Enterprise Insider Preview 24H2
Attachment:
- Dominant language
- Markdown
- Stars
- 6.7k
- Forks
- 5.8k
- Avg merge
- 9h 7m
- Merged PRs (30d)
- 117
Getting set up
Starts the project's dev container in your browser, under your own GitHub account.
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from microsoft/vscode-docs
-
Security and enterprise docs overstate policy enforcement for Copilot harness sessions (ChatAgentMode, ChatMCP, network filter, tool approval)Possibly taken @alok-108 claimed this 3 days ago. Open
Difficulty 3/5 1-2 days Newbie friendliness 18/100
microsoft/vscode-docs#10489 ·
Maintainers usually reply within 1 day
-
idea
Difficulty 3/5 1-2 days Newbie friendliness 45/100
microsoft/vscode-docs#10216 · 1 comment ·
Maintainers usually reply within 1 day
-
Add troubleshooting steps for the spawning of excessive rg processesPossibly taken @ntrogh claimed this 123 days ago. Opendoc-enhancement
microsoft/vscode-docs#9950 · 1 assignee ·
Maintainers usually reply within 1 day
-
Tie feature update/creation with corrected/available documentation before release.May be free again @ntrogh claimed this 152 days ago, and no pull request is open. Opendocs-experience
microsoft/vscode-docs#9761 · 1 assignee ·
Maintainers usually reply within 1 day
-
[feat] Add leading paragraph "Changes In Settings" to release notesMay be free again @ntrogh claimed this 166 days ago, and no pull request is open. Openfeature-request
microsoft/vscode-docs#9742 · 3 comments · 1 assignee ·
Maintainers usually reply within 1 day