¿Cómo funciona la comprobación de contraste?
Ingrese dos colores: uno para el fondo y otro para el texto. El sistema calcula la luminancia relativa de cada color con la fórmula oficial de WCAG 2.1, considerando el valor RGB o hexadecimal que usted indique.
Luego evalúa el contraste como una razón matemática y la compara con los requisitos de accesibilidad WCAG AA y AAA para texto normal y texto grande. Así sabrá si su combinación es apta para interfaces accesibles.
Aspectos clave y limitaciones del análisis
La herramienta solo evalúa el contraste entre pares de colores sólidos. Si desea revisar elementos como iconos, botones o componentes de UI, debe ingresar sus colores manualmente.
No detecta automáticamente si el texto es grande o negrita: debe seleccionarlo usted. En casos de fondos con imágenes o gradientes, puede analizar una muestra de color representativa.
Interpretación de resultados y recomendaciones
El resultado muestra si su combinación supera los umbrales de accesibilidad (AA y AAA) para texto normal y grande. Un contraste insuficiente indica que personas con discapacidad visual podrían tener dificultades para leer el contenido.
Se recomienda siempre alcanzar el nivel AA para texto normal y AAA para casos donde la máxima accesibilidad sea crucial. Recuerde, todo el cálculo se realiza en su navegador y no se comparte ningún dato.
Preguntas frecuentes
¿Cómo sé si mi texto se considera 'grande' para el umbral menor?
Según WCAG, texto grande es aquel de al menos 24px o 19px en negrita. Puede seleccionar ese tipo en la herramienta para aplicar el umbral correspondiente.
¿Es posible comprobar el contraste en componentes UI o iconos?
Sí, puede ingresar los colores de cualquier elemento, como iconos o botones, pero debe hacerlo manualmente, ya que la herramienta no detecta tipos de elementos automáticamente.
¿Qué ocurre si uso colores semitransparentes?
La herramienta calcula el contraste basado en colores sólidos. Si aplica transparencia, debe mezclar el color con el fondo para obtener el resultado real y luego introducir ese color combinado.
¿La herramienta considera perfiles de color o diferencias de dispositivos?
No, el cálculo se basa en valores estándar RGB/hexadecimal. Resultados pueden variar levemente según pantalla o perfil, pero el estándar WCAG es el mismo para todos.
¿Puedo analizar múltiples pares de colores a la vez?
Actualmente el análisis es uno a uno. Para comparar varias combinaciones, repita el procedimiento con cada par de colores.
¿Qué tan fiable es el cálculo frente a la legibilidad real?
El cálculo sigue la fórmula WCAG oficial, que garantiza un nivel básico de accesibilidad visual. Factores como tamaño de fuente, tipografía y percepción individual pueden influir en la legibilidad final.
¿Algo no funciona o tienes una idea para esta herramienta? Cuéntanos