Saltar al contenido principal
Tu Web Accesible

Sobre TWA

Conoce nuestra misión, equipo y trayectoria en accesibilidad digital.

Servicios

Auditorías, consultoría y soluciones especializadas en accesibilidad.

Soluciones

Plataformas y herramientas IA para gestionar la accesibilidad digital.

Sectores

Soluciones adaptadas a los requisitos de accesibilidad de cada industria.

Normativa

Normativas vigentes y plazos de cumplimiento en accesibilidad digital.

Recursos

Herramientas gratuitas y recursos de conocimiento sobre accesibilidad.

Herramienta Gratis

Validador de Contraste WCAG

Comprueba si tus colores son accesibles.

Verifica que tus combinaciones de colores cumplen los ratios de contraste exigidos por las WCAG 2.2.

Color de Texto
Color de Fondo
Ratio de Contraste
21 : 1

Excelente — Cumple AAA

AA — Texto Normal Pasa
AA — Texto Grande Pasa
AAA — Texto Normal Pasa
AAA — Texto Grande Pasa

Texto de ejemplo grande

Subtítulo de muestra (24px)

Este es un texto de ejemplo con tamaño normal (16px) para comprobar la legibilidad de esta combinación de colores según los criterios WCAG 2.2.

Texto pequeño (14px) — El contraste es especialmente importante en tamaños reducidos donde la legibilidad se ve más comprometida.

Referencia rápida WCAG 2.2

Nivel AA — Texto normal ≥ 4.5 : 1
Nivel AA — Texto grande (≥18pt / 14pt bold) ≥ 3.0 : 1
Nivel AAA — Texto normal ≥ 7.0 : 1
Nivel AAA — Texto grande ≥ 4.5 : 1

¿Por qué importa el contraste de color?

El contraste de color es el criterio WCAG más incumplido en la web. Según el informe WebAIM Million de 2024, el 83,6% de las páginas de inicio tienen al menos un error de contraste. Esto afecta directamente a personas con baja visión, daltonismo y usuarios en entornos con mucha luz ambiental.

Las WCAG 2.2 exigen un ratio de contraste mínimo de 4.5:1 para texto normal y 3:1 para texto grande (Nivel AA). Para el Nivel AAA, los ratios suben a 7:1 y 4.5:1 respectivamente. Nuestro validador calcula estos ratios al instante y te indica si tus combinaciones de colores cumplen cada nivel.

  • 1

    Ratio mínimo AA: 4.5:1 (texto normal) y 3:1 (texto grande, ≥18pt o 14pt bold).

  • 2

    Ratio mínimo AAA: 7:1 (texto normal) y 4.5:1 (texto grande).

  • 3

    El 83.6% de las webs incumplen criterios de contraste (WebAIM, 2024).

  • 4

    Herramienta gratuita — sin registro, uso ilimitado.

Valor Diferencial

Por qué usar esta herramienta.

01

Verificación Instantánea

Introduce dos colores y obtén el resultado al instante.

02

Niveles AA y AAA

Te indicamos si cumples el nivel legalmente exigido (AA) y el óptimo (AAA).

03

Para Diseñadores y Devs

Ideal para validar paletas de color antes de implementar y evitar correcciones posteriores.

Certificaciones y acreditaciones.

Contamos con las certificaciones que avalan nuestra experiencia en accesibilidad.

IAAP - International Association of Accessibility Professionals IAAP CERTIFIED
ISO 9001 - Sistema de Gestión de Calidad ISO 9001
Logotipo Tu Web Accesible
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.