← Todas las guías · Diseño

Cómo revisar el contraste de tu interfaz

Guía práctica para cómo revisar el contraste de tu interfaz. Instrucciones y referencias oficiales.

Referencias técnicas comprobables

Qué hacer y por qué

En WCAG, el criterio 1.4.3 de nivel AA requiere al menos 4.5:1 para texto normal y 3:1 para texto grande, con las excepciones previstas por la norma.

No dependas solo del color para comunicar un error o una selección. Comprueba las combinaciones de texto, botones y fondos en modo claro y oscuro.

Prueba los estados de los controles con teclado, en móvil y con el brillo bajo. Un resultado favorable de contraste no sustituye una auditoría completa de accesibilidad.

Pon la guía en práctica

Herramientas gratuitas para realizar los pasos en tu propio dispositivo:

Lista rápida de comprobación

  1. Define qué resultado deseas obtener y conserva los archivos originales.
  2. Utiliza una herramienta pertinente e introduce un ejemplo sencillo.
  3. Revisa el resultado, sus límites y el funcionamiento en móvil.
  4. Comprueba información crítica directamente en la fuente primaria.

Comunicar un error o solicitar una mejora →