¿El texto es legible sobre el fondo?

Diseñadores e ingenieros suelen necesitar una respuesta sí o no a una pregunta engañosamente simple: ¿este color de texto, a este tamaño, es de verdad legible sobre ese fondo? Una razón de contraste por sí sola no zanja el caso, porque las Pautas de Accesibilidad para el Contenido Web tratan el tipo grande con más indulgencia que el cuerpo. Este comprobador toma un color hexadecimal de texto, un color hexadecimal de fondo y un tamaño de fuente, clasifica la muestra como normal o large con la regla publicada de dieciocho puntos o catorce puntos en negrita, y compara la razón oficial de contraste por luminancia relativa con el mínimo del nivel que usted pidió. El veredicto es un booleano llamado legible, más la razón, el umbral y la clase de escala para que pueda mostrar la aritmética junto a la respuesta.

Cómo se decide la legibilidad WCAG según el tamaño

Las Pautas de Accesibilidad para el Contenido Web no tratan cada glifo igual. El cuerpo a dieciséis píxeles tiene un deber de contraste más estricto que un titular a veinticuatro píxeles, porque las formas más grandes siguen siendo legibles con un hueco de luminancia menor. Este comprobador convierte esa regla en un solo booleano.

Analiza el color del texto y el del fondo como hex sRGB opaco, lineariza cada canal de ocho bits con la curva oficial por tramos y construye la luminancia relativa con los pesos 0.2126, 0.7152 y 0.0722. La razón de contraste es la luminancia más clara más 0.05 dividida entre la más oscura más 0.05.

En paralelo convierte el tamaño suministrado a puntos CSS, donde un punto equivale a cuatro tercios de un píxel, y clasifica la muestra como large cuando alcanza al menos dieciocho puntos, o al menos catorce puntos y va marcada en negrita. El tipo grande necesita un mínimo de tres a uno para AA y de cuatro coma cinco a uno para AAA; el tipo normal necesita cuatro coma cinco y siete. El nivel solicitado elige uno de esos cuatro pisos.

La razón sin redondear se compara con el piso para que un 4.50 mostrado no cuelé un 4.499 por debajo de AA. Nada se infiere de CSS, capturas o una página en vivo: usted nombra el par y el tamaño, y obtiene un veredicto reproducible para tickets, tokens de diseño y puertas automatizadas.

Dónde rinde una comprobación sí o no según el tamaño

Los equipos de producto se topan con esta pregunta cuando un gris de marca luce elegante en una diapositiva pero falla como cuerpo de dieciséis píxeles sobre una tarjeta blanca, o cuando un titular a veinticuatro píxeles aprobaría AA mientras el mismo par fallaría en una etiqueta de formulario. Los diseñadores pegan un hex de token, la superficie detrás y el tamaño de la escala, y leen un único indicador legible antes de fijar el par.

Los ingenieros conectan el contrato a comprobaciones de pull request que bloquean un token de cuerpo cuando el tipo regular de dieciséis píxeles cae por debajo de 4.5 a 1, y aún permiten que un titular hero a dieciocho puntos use el piso de texto grande de 3 a 1. Los especialistas de calidad y accesibilidad adjuntan la razón numérica, la escala clasificada y el booleano a los tickets para que se corrija el par y el tamaño reales, no una conjetura de captura.

Los equipos de marketing verifican los hex de campaña contra el fondo del sitio al tamaño real del pie de foto, no a un tamaño de encabezado supuesto. En esta página el trabajo corre por completo en su navegador. Combine este veredicto con un escáner de accesibilidad de página completa cuando deba rastrear marcado en vivo, y con una matriz de razones de contraste cuando quiera todas las banderas AA y AAA de ambas escalas a la vez.

Use esta página cuando la intención de búsqueda sea, en concreto, si ese texto, a ese tamaño, es seguro sobre ese fondo.