9
Teoría
Herramientas de evaluación automática y pruebas de interfaces
Herramientas para auditar accesibilidad y usabilidad, y cómo automatizarlas en CI/CD.
Tu repaso de este apartado
0/6 puntos repasados
1Herramientas automáticas de accesibilidad y usabilidad
Analizan el código fuente y el DOM renderizado para detectar deficiencias de accesibilidad y rendimiento rápidamente.
| Herramienta | Qué hace |
|---|---|
| Google Lighthouse | Integrada en DevTools de Chrome; genera reportes 0-100 de Accesibilidad, Rendimiento, Buenas Prácticas y SEO. |
| WAVE | Extensión de navegador que superpone iconos señalando errores y advertencias sobre la interfaz. |
| Axe-core (Deque Systems) | Motor de análisis de accesibilidad usado por Microsoft y Google. |
| Vispero Color Contrast Checker | Verifica ratios de contraste tipográfico conforme a WCAG. |
| Stark | Suite integrada en Figma, Sketch y navegadores para contraste, simulación de daltonismo y orden de foco. |
2Automatización de pruebas de accesibilidad en CI/CD
Evita regresiones de accesibilidad durante el desarrollo mediante pruebas automáticas en pipelines.
javascript
describe('Auditoría de Accesibilidad de la Pantalla de Login', () => {
it('No debe tener violaciones de accesibilidad WCAG 2.2 AA', () => {
cy.visit('/login');
cy.injectAxe();
cy.checkA11y(null, {
runOnly: {
type: 'tag',
values: ['wcag2a', 'wcag2aa', 'wcag22aa']
}
});
});
});Límite importanteLas herramientas automáticas detectan solo aproximadamente el 30%-50% de los problemas de accesibilidad. El resto requiere inspección manual y pruebas con usuarios reales.
✓Para saber si lo has entendido
Adaptado de 9. Herramientas de evaluación automática y pruebas de interfaces.