Curso completo
WCAG 2.2 Nivel AA
Aprende cada criterio de éxito del Nivel AA de las WCAG 2.2, el nivel que exigen la mayoría de las leyes y los contratos: contraste, zoom y reajuste, foco visible, tamaño del objetivo, autenticación accesible y mensajes de estado, con las herramientas y las verificaciones manuales para probar cada uno.
~3 horas de contenido
Contenido del curso
13 lecciones completas que cubren todo lo que necesitas saber
Introducción
Introducción
Visión general del curso
Conoce a tu instructor, mira cómo está construida cada lección y descubre por qué el Nivel AA es el nivel que exigen la mayoría de las leyes y los contratos.
Introducción
Del Nivel A al Nivel AA
Lo esencial de las WCAG, qué significa cumplir con el Nivel AA, los 24 criterios que agrega, lo nuevo de la 2.2 y qué leyes apuntan a él.
Introducción
Tu kit de herramientas para el Nivel AA
Un verificador de contraste, el zoom y un viewport de 320 píxeles, una sobrescritura del espaciado del texto, las DevTools como regla, la emulación de la orientación y tu lector de pantalla.
Perceptible
Lección
Lección 1Medios basados en el tiempo
1.2.4 y 1.2.5: subtítulos en vivo, y audiodescripción para el video pregrabado, donde una transcripción sola ya no alcanza.
Lección
Lección 2Adaptable
1.3.4 y 1.3.5: contenido que funciona en cualquier orientación, y campos sobre la persona usuaria que declaran su propósito.
Lección
Lección 3Contraste
1.4.3 y 1.4.11: 4,5:1 para el texto, 3:1 para el texto grande, y 3:1 para los bordes de los campos, los estados, los indicadores de foco, los íconos y los gráficos.
Lección
Lección 4Cambio de tamaño, reajuste y espaciado del texto
1.4.4, 1.4.10 y 1.4.12: texto al 200%, contenido a 320 píxeles CSS de ancho y más espaciado del texto, sin perder nada.
Lección
Lección 5Imágenes de texto, y contenido al pasar el puntero o al recibir el foco
1.4.5 y 1.4.13: texto real en lugar de fotos de palabras, y tooltips descartables, que admiten el puntero encima y son persistentes.
Operable
Lección
Lección 6Navegable
2.4.5 y 2.4.6: más de una forma de llegar a una página, y encabezados y etiquetas que describen su tema o su propósito.
Lección
Lección 7Un foco que se pueda ver
2.4.7 y el nuevo 2.4.11: un indicador de foco visible, nunca completamente oculto por encabezados fijos, banners o widgets.
Lección
Lección 8Arrastre y tamaño del objetivo
Los nuevos 2.5.7 y 2.5.8: una alternativa de un único puntero para cada arrastre, y objetivos de al menos 24 por 24 píxeles CSS.
Comprensible
Lección
Lección 9Legible y predecible
3.1.2, 3.2.3 y 3.2.4: el idioma de cada pasaje, la navegación en el mismo orden y un nombre para una función.
Lección
Lección 10Sugerencia y prevención de errores
3.3.3 y 3.3.4: mensajes de error que sugieren la corrección, y salvaguardas antes de los envíos legales, financieros y que cambian datos.
Lección
Lección 11Autenticación accesible
El nuevo 3.3.8: inicios de sesión que no dependen de la memoria, la transcripción ni los acertijos, gestores de contraseñas, pegado y códigos de un solo uso.
Mensajes de estado, y auditoría de una página
Lección
Lección 12Mensajes de estado
4.1.3: regiones vivas, las funciones status y alert, regiones que existen antes que su mensaje, y cuándo mover el foco en su lugar.
Lección
Lección 13Auditar una página para el Nivel AA
Un checklist de 24 filas, el orden en que probar, hallazgos con sus mediciones e informes de conformidad.
Bonus y conclusión
Bonus
Bonus: más allá del Nivel AA
El Nivel AAA y por qué nadie lo exige completo, las declaraciones de accesibilidad, las aplicaciones y los documentos, y qué son las WCAG 3.
Bonus
Bonus: auditar con un asistente de IA
Qué hace bien un asistente de IA en una auditoría de Nivel AA, dónde se equivoca, sobre todo con los números, y cómo verificar cada afirmación.
Conclusión
¡Felicitaciones!
¡Completaste el curso WCAG 2.2 Nivel AA!