Saltar al contenido

Herramienta · Visual · WCAG 1.4 y 1.1

Contraste y texto alternativo

Comprobá si la combinación de color de tu pieza se lee bien y revisá el texto alternativo de tus imágenes antes de publicar.

Se analiza en tu navegador: nada de lo que pegás sale de tu dispositivo.

Contraste de color

Código HEX, con o sin #.

Código HEX, con o sin #.

Relación de contraste

6,68:1

Cumple para texto normal (AA).

  • Texto normal · nivel AAMínimo 4,5:1Cumple
  • Texto grande · nivel AAMínimo 3:1 (desde 24 px, o 18,5 px en negrita)Cumple
  • Texto normal · nivel AAAMínimo 7:1No cumple
  • Texto grande · nivel AAAMínimo 4,5:1Cumple
  • Íconos, bordes y gráficosMínimo 3:1Cumple

El contraste es una condición necesaria, no una garantía: sobre fotos, degradés o pantallas con brillo bajo, probá la pieza en el celular y al aire libre.

Texto alternativo

Escribila como se la contarías a alguien por teléfono, en una o dos oraciones.

0 caracteres