¿Qué es Modo de alto contraste?

Prueba cómo se ve tu contenido web bajo diferentes configuraciones de alto contraste. Pega HTML o una captura de pantalla de una URL para previsualizar modos de contraste conformes con WCAG, incluidos el modo de alto contraste de Windows, colores invertidos y temas de contraste personalizados.

Cómo usar

1. Paso 1 — Pega tu HTML o texto plano en el editor.
2. Paso 2 — Selecciona un modo de contraste entre los preajustes: alto contraste de Windows (blanco y negro), invertido, amarillo sobre negro o colores personalizados.
3. Paso 3 — Revisa la previsualización en vivo para comprobar la legibilidad. Usa el comprobador de ratio de contraste para verificar el cumplimiento de las pautas WCAG AA/AAA en los elementos de texto.

Resultado

Un desarrollador pega el HTML de su barra de navegación y cambia al modo de alto contraste de Windows. Descubre que sus botones de solo icono se vuelven invisibles sobre el fondo negro, así que les añade etiquetas de texto visibles.

Herramientas relacionadas