Comprobar contraste de colores

Comprobar contraste de colores: usos y recomendaciones

Introduce dos colores HEX opacos de tres o seis cifras, con o sin almohadilla. La relación se calcula con la luminancia relativa sRGB y no depende del tamaño de la muestra en pantalla. AA exige 4,5:1 para texto normal y 3:1 para texto grande; AAA exige 7:1 y 4,5:1 respectivamente. Se considera grande el texto de al menos 24 píxeles CSS, o aproximadamente 18,67 píxeles en negrita. Los umbrales se comparan antes de redondear el número mostrado. Esta comprobación cubre una pareja uniforme de colores: no evalúa transparencias, fotografías, degradados, estados de interacción ni la accesibilidad completa de una página. Si cambias el fondo real, repite la prueba con sus colores efectivos.

Comprobar contraste de colores. Empieza con el ejemplo y observa la relación entre la entrada y la salida antes de pegar un documento completo. El ejemplo es pequeño para que puedas comprobarlo sin otra aplicación. Después sustituye sus datos por una muestra representativa de tu caso y ajusta las opciones. El botón principal realiza la operación; cargar el ejemplo solo rellena los controles. Si modificas cualquier entrada después de calcular, se oculta el resultado anterior para que no copies una versión que ya no corresponde a los datos. Vuelve a ejecutar la operación después de cada cambio. Limpiar recupera los valores iniciales del formulario y descarta el resultado de la página. Copiar guarda el texto de salida en el portapapeles cuando el navegador lo permite. Descargar crea el archivo únicamente cuando lo solicitas expresamente; calcular no inicia descargas. Conserva una copia de la entrada por separado si necesitas repetir el trabajo más adelante, porque este formulario no es un archivo de proyectos ni mantiene un historial de operaciones.

Comprobar contraste de colores. Comprueba una muestra breve cuyo resultado puedas anticipar y un caso distinto que incluya los detalles importantes de tu trabajo. Revisa tanto el comienzo como el final de la salida; un resultado aparentemente correcto puede pertenecer a una entrada anterior si has guardado varias copias fuera de la página. Si aparece un error, reduce la muestra hasta localizar el dato que lo provoca y revisa los límites indicados. No elimines información solo para que desaparezca un aviso: comprueba primero si la operación elegida representa lo que necesitas. Antes de utilizar una descarga en otro programa, ábrela y verifica los caracteres, la estructura y los valores. El archivo contiene el resultado, no las opciones del formulario. Si necesitas explicar cómo lo obtuviste, conserva también la entrada y las opciones utilizadas.

Una comprobación práctica antes de utilizar el resultado

Comprobar contraste de colores. Comprueba la relación de contraste entre texto y fondo y los umbrales AA y AAA de WCAG. Comprueba el resultado antes de copiarlo o descargarlo.