Curso completo
Los 6 Problemas de Accesibilidad Más Comunes
Encuentra y corrige los seis problemas de accesibilidad web más comunes con pruebas automatizadas usando Cypress, con axe-core.
Contenido del curso
8 lecciones completas que cubren todo lo que necesitas saber
Introducción
Introducción
Estructura del curso
Descubre cómo está organizado el curso y aprovecha al máximo el contenido.
Introducción
Prerrequisitos
Sistemas y conocimiento necesarios para completar el curso.
Introducción
Conociendo la aplicación bajo prueba
Conoce el Banco Simulado, que contiene intencionalmente los seis problemas de accesibilidad más comunes.
Lección
Lección 1Fork, clonación e instalación de las herramientas
Haz el fork y clona el proyecto, y después configura Cypress con axe-core.
Primeros pasos
Lección
Lección 2Tu primera verificación de accesibilidad con Cypress
Aprende los fundamentos de accesibilidad y ejecuta tu primera verificación con cypress-axe.
Los 6 problemas más comunes
Lección
Lección 3Problema 1: Texto con bajo contraste
Detecta y corrige el contraste de color insuficiente (color-contrast).
Lección
Lección 4Problema 2: Imágenes sin texto alternativo
Detecta y corrige las imágenes sin texto alternativo (image-alt).
Lección
Lección 5Problema 3: Campos de formulario sin rótulos
Detecta y corrige los campos sin rótulos asociados (label).
Lección
Lección 6Problema 4: Enlaces vacíos
Detecta y corrige los enlaces de solo ícono sin nombre accesible (link-name).
Lección
Lección 7Problema 5: Botones vacíos
Detecta y corrige los botones de solo ícono sin nombre accesible (button-name).
Lección
Lección 8Problema 6: Idioma del documento ausente
Detecta y corrige la falta del atributo lang en el documento (html-has-lang).
Bonus y conclusión
Bonus
Una verificación de página completa con el modo accesible encendido
Escribe una prueba más, igual que la primera, pero esta vez pasa.
Bonus
La lista de verificación de accesibilidad y las herramientas manuales
Una lista de verificación lista para usar con los seis problemas, además de las herramientas manuales que complementan la automatización.
Conclusión
¡Felicitaciones!
¡Completaste el curso Los 6 Problemas de Accesibilidad Más Comunes!