Accesibilidad — Todos los artículos y tutoriales

La accesibilidad digital se mide ante todo con herramientas dedicadas (axe-core, Lighthouse, Pa11y) que inspeccionan el DOM y los roles ARIA. Pero una parte significativa de las reglas WCAG también se verifica visualmente: relación de contraste texto/fondo conforme con la norma AA, focus visible suficientemente claro al teclado, tamaño de los objetivos táctiles que alcance los 44 píxeles, jerarquía visual que refleje la jerarquía semántica. Las pruebas visuales no sustituyen a una auditoría de accesibilidad, pero son un complemento natural y a menudo descuidado.

Los artículos de esta página exploran ese cruce: cómo detectar una regresión de contraste introducida por un rediseño de paleta, cómo verificar que el estado de focus no haya desaparecido tras una actualización de CSS, cómo probar sistemáticamente los modos oscuros y los temas alternativos desde el ángulo de la accesibilidad, cómo combinar un linter axe-core en la CI con una prueba visual dedicada a los estados interactivos. También se abordan los límites honestos —una prueba visual no dirá si un aria-label está mal redactado, ni si un screen reader interpreta correctamente la estructura— pero sí captura eficazmente la clase de errores donde el código sigue siendo válido mientras que el render se vuelve inutilizable. Un enfoque complementario, no competidor, de las herramientas de accesibilidad especializadas.