Desarrollo Frontend · FRO-190

Accesibilidad web WCAG 2.2 en la práctica

Auditar y corregir una web según WCAG 2.2, con teclado, contraste, ARIA y declaración de accesibilidad.

Bajo demanda Intermedio 7 módulos · 32 clases

Formato asíncrono Desarrollo, Administración pública, Docentes FP HTML, CSS

ACCESIBILIDAD DESARROLLO

Lo que aprenderás

Interpretar los criterios de conformidad de WCAG 2.2 en niveles A y AA sobre casos reales.
Auditar una página con axe DevTools, Lighthouse y el inspector del árbol de accesibilidad.
Recorrer una interfaz completa solo con teclado detectando trampas de foco y orden incoherente.
Medir contraste de texto y de componentes y corregir la paleta sin rehacer el diseño.
Aplicar roles, estados y propiedades ARIA solo donde el HTML nativo no llega.
Redactar una declaración de accesibilidad conforme a la normativa del sector público.

Contenido del curso

7 módulos · 32 clases en vídeo · práctica guiada en cada módulo

Módulo 1 · Marco y herramientas 4 clases

Qué son WCAG 2.2, EN 301 549 y la obligación legal
Principios: perceptible, operable, comprensible y robusto
Instalar axe DevTools y usar Lighthouse
El árbol de accesibilidad en el inspector

Módulo 2 · Estructura y semántica 5 clases

Encabezados, regiones y puntos de referencia
Listas, tablas de datos y sus cabeceras
Idioma de página y de fragmentos
Enlaces con nombre accesible útil
Saltar al contenido principal

Módulo 3 · Contenido no textual 4 clases

Texto alternativo: decisiones difíciles
Imágenes complejas, gráficos y mapas
Vídeo: subtítulos, transcripción y audiodescripción
Contenido en movimiento y reproducción automática

Módulo 4 · Teclado y foco 5 clases

Orden de tabulación y orden visual
Foco visible que cumple el criterio
Trampas de foco en modales y menús
Objetivos de tamaño mínimo en WCAG 2.2
Atajos y alternativas a los gestos de arrastre

Módulo 5 · Color y presentación 4 clases

Medir contraste de texto y de componentes
No transmitir información solo con color
Redimensionado, reflujo y espaciado de texto
Preferencias de movimiento reducido

Módulo 6 · Formularios y componentes 5 clases

Etiquetas, instrucciones y ayuda persistente
Errores: identificación, sugerencia y prevención
Autenticación accesible y autocompletado
ARIA para pestañas, acordeones y diálogos
Regiones activas para mensajes dinámicos

Módulo 7 · Auditoría completa 5 clases

Plan de revisión de un sitio real
Prueba con NVDA y con VoiceOver
Informe de hallazgos priorizado
Redactar la declaración de accesibilidad
Mantener el nivel tras cada despliegue

Requisitos

HTML y CSS a nivel de maquetar una página y entender el modelo de caja.
Acceso a un navegador de escritorio para instalar extensiones de auditoría.
No hace falta experiencia previa en accesibilidad ni con lectores de pantalla.

Descripción

La accesibilidad suele llegar tarde: como incidencia de una auditoría externa o como requisito de un pliego que hay que cumplir en pocos días. Corregir entonces es caro y el resultado es un parche. Este curso enseña a detectar y resolver las barreras habituales durante el desarrollo, con criterios verificables y no con impresiones.

Cada bloque toma un grupo de criterios de WCAG 2.2 y lo trabaja sobre una página con fallos reales: estructura semántica, imágenes y contenido no textual, formularios y mensajes de error, navegación por teclado, contraste y foco visible, y componentes interactivos con ARIA. Se combina la auditoría automática con la revisión manual y con la prueba con lector de pantalla.

Al final se sabe auditar un sitio, priorizar los hallazgos por impacto y redactar la declaración de accesibilidad que exige la normativa. Para quien trabaja en administración pública es material directamente aplicable a la revisión periódica de sus portales; en el aula sirve para incorporar el criterio desde la primera práctica de maquetación.

¿Para quién es este curso?

Desarrolladores web que deben cumplir requisitos de accesibilidad en contratos con el sector público.
Personal técnico de administraciones responsable de la revisión y la declaración de accesibilidad de sus portales.
Profesorado de FP de desarrollo web que quiere integrar criterios de accesibilidad en las prácticas de aula.