Grid & Contrast: UI Live Check

Grid & Contrast es un kit de herramientas de accesibilidad rápido y sin conexión, diseñado para diseñadores de UI/UX y desarrolladores front-end que necesitan respuestas rápidas durante revisiones de diseño, llamadas con clientes y pruebas de control de calidad.

VERIFICADOR DE CONTRASTE

Introduce dos colores hexadecimales cualesquiera y consulta al instante la relación de contraste WCAG 2.1, junto con los resultados de aprobación/rechazo AA y AAA para texto normal y grande. Una vista previa en tiempo real muestra cómo se ven el texto, los títulos y los subtítulos con el primer plano y el fondo elegidos, para que puedas evaluar la legibilidad de un vistazo, no solo el número.

PROBADOR DE OBJETIVOS TÁCTILES

Ajusta el tamaño y el espaciado de los objetivos táctiles con sencillos controles deslizantes y visualiza el resultado a escala real en tu pantalla. Compáralo con Material Design, las Pautas de Interfaz Humana de Apple y las reglas de tamaño mínimo WCAG 2.5.5, incluida la conocida pauta de 48x48 dp, para detectar problemas de accesibilidad antes del lanzamiento.

GENERADOR DE ESCALAS TIPOGRÁFICAS

Elige un tamaño de fuente base y una relación de escala modular (desde la segunda menor hasta la proporción áurea) para generar una escala tipográfica completa —desde el texto hasta el contenido— que se mostrará en tiempo real a tamaño real en píxeles en la ventana gráfica de tu dispositivo. Visualiza con precisión cómo se ve y se siente cada paso antes de incorporarlo a tu sistema de diseño.

¿POR QUÉ DISEÑADORES Y DESARROLLADORES USAN ESTA APP?

- Herramientas limpias y específicas, sin complicaciones.

- Funciona completamente sin conexión: sin cuenta ni configuración.

- Temas claros y oscuros que se adaptan a tu flujo de trabajo.

- Basada en fórmulas de contraste WCAG 2.1 reales, no en aproximaciones.

- Referencia útil durante reuniones con clientes, control de calidad de diseño y revisiones de código.

¿PARA QUIÉN ES?

- Diseñadores de UI/UX que verifican la accesibilidad de los sistemas de color.

- Desarrolladores front-end y móviles que verifican la implementación según las especificaciones de diseño.

- Probadores de control de calidad que auditan las pantallas para comprobar el cumplimiento de WCAG.

- Responsables del mantenimiento de sistemas de diseño que documentan escalas tipográficas y reglas de contraste.

Grid & Contrast no pretende ser una suite de diseño integral; se centra en las comprobaciones de accesibilidad pequeñas y repetitivas que son fáciles de pasar por alto, pero que son importantes para realizar correctamente. Llévala en tu teléfono y úsala siempre que necesites una respuesta rápida y fiable.