Blog
Píxeles, como deben ser
Artículos prácticos sobre QA visual, CSS y accesibilidad — del equipo que construye PxGuard.
Cómo hacer accesibles los botones de icono con aria-label
Aprende cómo lograr que cada botón de icono accesible funcione con lectores de pantalla — y por qué un aria-label faltante es uno de los fallos de WCAG más comunes en la web.
Leer artículoQué es un tabindex positivo (y por qué rompe la navegación por teclado)
Los valores de tabindex positivos parecen una solución rápida para problemas de orden de tabulación — pero rompen silenciosamente la navegación por teclado para todos los usuarios que dependen de ella.
Leer artículoEl modelo de caja de CSS, explicado visualmente
Cada elemento en la web es una caja — entender el modelo de caja de CSS es la clave para predecir cómo se comportan los diseños y depurarlos cuando no lo hacen.
Leer artículoLos 5 errores de espaciado en CSS que encuentro en casi todos los sitios web
El espaciado inconsistente es la diferencia entre un sitio que se siente profesional y uno que se siente raro — aunque nadie sepa explicar por qué. Estos son los cinco que aparecen más a menudo.
Leer artículoUna comprobación de WCAG en 5 minutos que cualquier desarrollador puede hacer (sin presupuesto para auditorías)
No necesitas una auditoría formal ni un consultor de accesibilidad para detectar los fallos de WCAG más comunes y más dañinos. Aquí tienes una lista de comprobación que puedes ejecutar en cinco minutos.
Leer artículoCómo verificar el contraste de color para WCAG (sin abrir DevTools)
La mayoría de los fallos de accesibilidad son invisibles hasta que alguien los señala — un flujo de trabajo con un verificador de contraste de color detecta las violaciones WCAG más comunes antes de que lleguen a producción.
Leer artículoCómo inspeccionar props de web components: guía para desarrolladores de sistemas de diseño
Inspecciona web components y sus props directamente en el navegador — sin revisar el código fuente — para construir y depurar sistemas de diseño más rápido.
Leer artículoImágenes estiradas y sobredimensionadas: cómo detectarlas rápido
Las imágenes estiradas y los recursos sobredimensionados perjudican silenciosamente tus Core Web Vitals y el acabado visual — aquí te explicamos cómo detectarlos rápido comparando resolución renderizada vs. intrínseca.
Leer artículo