Accesibilidad web Color Checker
El texto con poco contraste es el problema de accesibilidad detectado con más frecuencia en la web. Consulte exactamente qué exige WCAG 2.2 sobre el color y el contraste - y compruebe cada página, dominio y PDF con las herramientas de prueba de EqualWeb.
Un comprobador de colores para accesibilidad web verifica que los colores del texto y de la interfaz cumplan los requisitos de contraste de WCAG: al menos 4,5:1 para texto normal conforme a WCAG 2.2 SC 1.4.3. El texto con poco contraste es el problema de accesibilidad detectado con mayor frecuencia en la web y aparece en el 83,9 % de las 1.000.000 páginas de inicio principales del informe WebAIM Million 2026. EqualWeb incorpora la comprobación del contraste de color en todas sus herramientas de prueba - el Accessibility Checker gratuito, Accessibility Crawler, Accessibility Monitor y PDF Checker - para que los fallos de contraste se detecten automáticamente en cada análisis de WCAG 2.2.
¿Qué exige WCAG para el color y el contraste?
WCAG 2.2 establece umbrales exactos y medibles para el contraste de color. El criterio de conformidad 1.4.3, Contraste (mínimo), de nivel AA, exige una relación de contraste de al menos 4.5:1 entre el texto normal y su fondo, y de al menos 3:1 para el texto grande. Se considera texto grande el que tiene al menos 18 puntos (unos 24 px) de grosor normal o 14 puntos (unos 18.5 px) en negrita. Las mismas relaciones se aplican a las imágenes de texto, con excepciones para los logotipos y el texto puramente decorativo.
En el nivel AAA, más estricto, el criterio de conformidad 1.4.6 Contraste (mejorado) eleva el requisito a 7:1 para el texto normal y 4,5:1 para el texto grande. Además, el contraste no se limita al texto: el criterio de conformidad 1.4.11 Contraste no textual, de nivel AA, exige al menos 3:1 entre los componentes de la interfaz de usuario - botones, bordes de campos de formulario e indicadores de foco - y los colores adyacentes, así como el mismo 3:1 para las partes de los gráficos necesarias para comprender el contenido.
La accesibilidad del color también va más allá del cálculo del contraste. El criterio de conformidad 1.4.1, Uso del color, nivel A, establece que el color no puede ser el único medio visual para transmitir información. Un enlace que solo se distingue del texto general por su color o un error de formulario que solo se muestra en rojo incumplen este criterio aunque se cumplan todas las relaciones de contraste.
- Criterio de conformidad 1.4.3, Contraste (mínimo), nivel AA: al menos 4.5:1 para el texto normal y 3:1 para el texto grande
- Texto grande: al menos 18 pt, unos 24 px, o 14 pt, unos 18,5 px, si está en negrita
- SC 1.4.6 Contraste (mejorado), nivel AAA: al menos 7:1 para texto normal y 4,5:1 para texto grande
- CC 1.4.11 Contraste no textual, nivel AA: al menos 3:1 para los componentes de la interfaz de usuario y los gráficos significativos
- CC 1.4.1 Uso del color, nivel A: el color nunca es el único indicador del significado
¿Cómo comprueba los colores de su sitio web con EqualWeb?
No necesita un selector de color independiente para auditar un sitio web activo. La comprobación del contraste de color está integrada en todas las herramientas de prueba de EqualWeb como parte de un análisis completo de WCAG 2.2, por lo que el contraste se comprueba junto con todo lo demás que exige WCAG, en las páginas y los documentos que realmente publica.
Empiece con el comprobador de accesibilidad gratuito: introduzca una URL y obtenga en segundos una puntuación de accesibilidad de 0 a 100, con cada elemento de bajo contraste señalado, asociado al criterio de éxito exacto de WCAG, como el 1.4.3, y priorizado por gravedad. A partir de ahí, el conjunto de pruebas se adapta a lo que necesite cubrir, ya sea un dominio completo, un sitio que cambia a diario o una biblioteca de documentos, y todos los resultados se integran en un único panel de EqualWeb.
- Comprobador de accesibilidad - análisis gratuito e instantáneo de cualquier URL; señala el texto que no alcanza la relación de contraste exigida, con el criterio de WCAG 2.2 y la gravedad de cada incidencia
- Accessibility Crawler - una extensión de Chrome basada en la nube que analiza todo su dominio en tiempo real, incluidas las páginas protegidas por contraseña, los formularios y los contenidos multimedia
- Accessibility Monitor - análisis programado continuo con una valoración de cumplimiento en tiempo real de 0 a 100 para detectar nuevos problemas de contraste introducidos por cambios de diseño o contenido; análisis gratuito inicial de 100 páginas
- Comprobador de PDF - audita documentos PDF en 7 categorías de accesibilidad; los elementos de contraste que la IA no puede verificar por completo se marcan como «Necesita revisión» para que una persona los confirme
¿Cómo se corrigen los problemas de contraste de color después de encontrarlos?
Cada incidencia señalada en un informe de EqualWeb incluye instrucciones claras sobre qué corregir y el criterio de conformidad exacto de WCAG 2.2, para que diseñadores y desarrolladores sepan con precisión qué pares de colores deben ajustar y en qué medida.
Para la subsanación, la IA del widget de accesibilidad corrige automáticamente y en tiempo real más de 80 problemas habituales de WCAG 2.2 desde el navegador, sin modificar su código fuente. Sin embargo, la automatización tiene límites: las decisiones sobre la paleta de la marca suelen requerir criterio humano y algunos criterios no pueden verificarse automáticamente. Cuando el objetivo es cumplir WCAG, ADA y EAA, el servicio Managed Compliance de EqualWeb incorpora expertos con certificaciones IAAP/CPWA que auditan, subsanan, supervisan y certifican su accesibilidad de principio a fin.
El widget también atiende directamente a los visitantes. Su menú de accesibilidad incluye 9 perfiles y 13+ herramientas de apoyo, con dos perfiles creados específicamente para el color y el contraste: el perfil para personas con discapacidad visual aumenta el contraste, amplía el texto y añade una lupa, y el perfil para personas con daltonismo ajusta las paletas para que el significado nunca dependa solo del color. Estos ajustes del lado del usuario complementan - no sustituyen - el cumplimiento de las relaciones de contraste de WCAG en su propio diseño.
¿Cuáles son los fallos más habituales de accesibilidad del color?
El texto con poco contraste es el fallo de accesibilidad más común en la web. El informe WebAIM Million 2026, que analiza las 1.000.000 páginas de inicio principales, detectó texto por debajo de los umbrales de contraste de WCAG 2 AA en el 83,9 % de las páginas de inicio - frente al 79,1 % en 2025 y como el problema detectado con mayor frecuencia - con una media de 34 casos distintos de poco contraste por página.
La mayoría de esos fallos procede de unos pocos patrones repetidos: texto principal en gris claro y texto de marcadores de posición sobre fondos blancos, texto colocado sobre fotografías o degradados, enlaces que solo se distinguen del texto que los rodea mediante el color y estados de error que dependen únicamente del rojo. Como estos problemas suelen introducirse con cada cambio de diseño o contenido, el análisis continuo con Accessibility Monitor los detecta mucho antes que una auditoría puntual.
- Texto gris claro y texto de marcador de posición de formularios por debajo del mínimo de 4,5:1
- Texto sobre imágenes o degradados sin una capa de contraste suficiente
- Enlaces identificados solo por el color, sin subrayado ni otra indicación (SC 1.4.1)
- Errores de formulario indicados solo al poner un campo en rojo
- Botones, iconos e indicadores de foco por debajo del mínimo no textual de 3:1 (criterio 1.4.11)
Accesibilidad del color - preguntas frecuentes
¿Cómo compruebo si los colores de mi sitio web son accesibles?
¿Qué relación de contraste exige WCAG?
¿Tiene EqualWeb un comprobador de contraste de color?
¿Cuál es el error más habitual de accesibilidad del color?
¿Puede el widget de EqualWeb corregir los problemas de contraste de color?
¿Permite WCAG usar solo el color para mostrar enlaces o errores?
Vea cada incidencia de contraste de su sitio
Ejecute una comprobación gratuita e instantánea de cualquier página - incluido el contraste de color - o analice todo su dominio con el rastreador y Monitor.