Giga Useful ToolsColor
Contraste WCAG
Chequea si un par de colores pasa AA y AAA.
Todo se procesa en tu navegador. Ningún archivo se sube a un servidor.
- 1Elige o escribe el código hexadecimal del color del texto.
- 2Elige o escribe el código hexadecimal del color de fondo.
- 3Mira la vista previa y el ratio de contraste, y fíjate en las cuatro etiquetas qué niveles de WCAG pasa.
¿Cuál es la diferencia entre AA y AAA?+
Son dos niveles de conformidad de las pautas de accesibilidad WCAG. AA es el nivel que más se pide en requisitos legales y organizacionales: el texto normal necesita un contraste de al menos 4.5:1 (3:1 para texto grande). AAA es más exigente, con 7:1 para texto normal y 4.5:1 para texto grande, y se recomienda cuando es posible, aunque no siempre es obligatorio.
¿Qué se considera “texto grande” según WCAG?+
Texto de 18pt (24px) o más, o de 14pt (unos 18.5px) o más si está en negrita. El texto grande tiene un requisito de contraste un poco más bajo porque los trazos más grandes y gruesos se siguen leyendo bien con menos contraste que un texto chico.
¿Puedo escribir el código hexadecimal en vez de usar el selector de color?+
Sí, cada color tiene un selector y un campo de texto al lado, así que puedes pegar un valor exacto como #1a1a1f directamente en vez de andar tocando la rueda de colores.