Acerca del Comprobador de contraste WCAG
El texto de bajo contraste es el fallo de accesibilidad más común en la web. Ingrese el texto y los colores de fondo para obtener la relación de contraste exacta y un veredicto de aprobación/rechazo para texto normal, texto grande y componentes de interfaz de usuario.
como usarlo
- 1Establecer el texto y el fondoUtilice las entradas de color o pegue valores hexadecimales de sus tokens de diseño.
- 2leer la proporciónLa herramienta calcula la luminancia relativa y la relación de contraste con dos decimales.
- 3Arreglar y volver a probarSi un par falla, ajuste la luminosidad hasta que pase, luego copie los valores hexadecimales compatibles.
¿Por qué utilizar este comprobador de contraste wcag?
- Nada sale de tu dispositivo. El trabajo ocurre en la pestaña de su navegador. No existe un punto final de carga en esta aplicación, por lo que no podemos almacenar, registrar ni ver sus archivos y texto.
- No hay espera de carga. Te saltas por completo el viaje de ida y vuelta a un servidor. Los resultados están limitados por su propia CPU, no por la velocidad de la red o el tamaño de la cola.
- Gratis, sin cuenta, sin cuotas. Sin muro de registro, sin marca de agua, sin límite diario. Las cuentas opcionales solo existen para guardar favoritos y ajustes preestablecidos en todos los dispositivos.
Preguntas frecuentes
¿Es seguro usar mi par de colores aquí?
Sí. Esta herramienta se ejecuta completamente en su navegador mediante JavaScript. Nada de lo que pegas o abres se envía a un servidor y la página no guarda ninguna copia después de cerrarla.
¿Necesito crear una cuenta?
No. Todas las herramientas se pueden utilizar completamente sin iniciar sesión. Una cuenta solo agrega favoritos guardados y ajustes preestablecidos reutilizables.
¿Funciona en un teléfono?
Sí. La interfaz es móvil primero con objetivos táctiles grandes y un diseño apilado, por lo que funciona en teléfonos y tabletas, así como en computadoras de escritorio.
¿Qué proporción requiere las WCAG?
AA requiere 4,5:1 para texto normal y 3:1 para texto grande (18 puntos o 14 puntos en negrita). AAA los eleva a 7:1 y 4,5:1. Los componentes de la interfaz de usuario que no son de texto necesitan al menos 3:1.
¿Por qué un color se ve bien pero falla?
El brillo percibido difiere del tono. Los azules y verdes saturados suelen tener una luminosidad menor de la que parecen, así que mida siempre el par real en lugar de confiar en la muestra.