Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#10,424 1 comentario 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 1 día

@ntrogh ya está trabajando en esto.

Desde el 5/10/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

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:

  1. https://code.visualstudio.com/updates/v1_68
  2. https://code.visualstudio.com/updates/v1_69
  3. https://code.visualstudio.com/docs/configure/keybindings
  4. 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:
Image
Lenguaje dominante
Markdown
Estrellas
6.7k
Forks
5.8k
Merge medio
9 h 7 min
PR fusionados (30 d)
117

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de microsoft/vscode-docs

Todos los issues de microsoft/vscode-docs

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.