¿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
- Paso 1 — Pega tu contenido HTML o texto plano en el área del editor para usarlo como fuente de previsualización.
- Paso 2 — Selecciona un modo de contraste entre los preajustes: alto contraste de Windows (blanco y negro), invertido, amarillo sobre negro o colores personalizados.
- 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, lo que le lleva a añadir etiquetas de texto visibles.
Herramientas relacionadas
Probador de tamaño de fuente
Previsualiza texto en diferentes tamaños de fuente
Texto adaptado para dislexia
Reformatea texto para facilitar la lectura
Asistente de texto alternativo
Escribe texto alternativo accesible para imágenes
Modo texto grande
Amplía cualquier texto para leerlo fácilmente
Analizador de Estructura de Encabezados
Analiza la jerarquía de encabezados H1–H6 de una página
Verificador de Estructura de Encabezados
Comprueba la jerarquía de encabezados para accesibilidad