Inicio
Curso de Accesibilidad Web
Accesibilidad aplicada al desarrollo web: WCAG, ARIA, testing y procesos de equipo para crear productos inclusivos.
Tests
Pon a prueba tus conocimientos de Accesibilidad Web.
Lecciones
25
1
Básico
Introducción a la accesibilidad web
Fundamentos reales de accesibilidad para frontend: qué es, por qué importa y cómo aplicarla desde la primera tarea.
2 Básico
Principios POUR de WCAG en producto real
Cómo usar POUR (Perceptible, Operable, Comprensible y Robusto) para revisar interfaces con criterio técnico.
3 Básico
HTML semántico para accesibilidad
Cómo estructurar páginas con etiquetas semánticas para mejorar navegación, comprensión y mantenimiento.
4 Básico
Texto alternativo y contenido no textual
Cómo escribir textos alternativos útiles y decidir cuándo una imagen debe ser informativa, decorativa o funcional.
5 Básico
Enlaces y botones con semántica correcta
Diferenciar navegación y acción para evitar componentes confusos y mejorar la experiencia con teclado y lector.
6 Medio
Formularios accesibles: labels, ayudas y errores
Diseño e implementación de formularios que se entienden, se completan y se corrigen sin fricción.
7 Medio
Teclado y foco visible sin trampas
Cómo asegurar recorridos completos por teclado con foco visible, orden lógico y retorno controlado.
8 Medio
Landmarks y skip links efectivos
Cómo estructurar regiones de página y enlaces de salto para acelerar la navegación asistida.
9 Medio
Contraste y legibilidad en interfaces
Cómo elegir color, tamaño y ritmo tipográfico para que el contenido sea legible en condiciones reales de uso.
10 Medio
Vídeo y audio accesibles
Cómo publicar contenido multimedia con subtítulos, transcripción y controles usables para más personas.
11 Medio
Tablas accesibles con scope y caption
Buenas prácticas para construir tablas de datos legibles y navegables en lector de pantalla.
12 Medio
ARIA sin sobreuso: fundamentos
Cuándo usar ARIA, cuándo no, y cómo evitar que una capa extra rompa semántica nativa.
13 Medio
Dialog y popover accesibles
Implementación de capas flotantes con foco controlado, cierre predecible y semántica clara.
14 Medio
Feedback dinámico con aria-live
Cómo anunciar cambios de estado sin mover foco y sin saturar a quien usa lector de pantalla.
15 Avanzado
Tabs y accordion accesibles
Diseño e implementación de patrones de pestañas y acordeones con navegación de teclado consistente.
16 Avanzado
Combobox y autocomplete accesible
Patrón avanzado para autocompletado con teclado, lista de opciones y estado anunciado correctamente.
17 Avanzado
Validación y errores accesibles
Estrategias avanzadas para validar formularios y comunicar errores sin bloquear ni confundir.
18 Avanzado
Zoom, reflow y accesibilidad móvil
Cómo diseñar layouts fluidos que funcionen con zoom alto, texto ampliado y pantallas estrechas.
19 Avanzado
Testing manual con NVDA y VoiceOver
Metodología práctica para auditar accesibilidad real con teclado y lectores de pantalla.
20 Avanzado
Testing automático con axe y Lighthouse
Cómo montar checks automáticos de accesibilidad útiles en desarrollo, CI y revisión de PR.
21 Avanzado
Accesibilidad en React: focus management
Técnicas para controlar foco en React al montar, desmontar y actualizar interfaces dinámicas.
22 Avanzado
ARIA Landmarks en profundidad
Cómo estructurar landmarks avanzados para navegación rápida en aplicaciones complejas.
23 Avanzado
No keyboard trap: detección y solución
Cómo detectar y eliminar bloqueos de teclado en modales, menús y componentes interactivos.
24 Pro
Auditoría y plan de remediación
Cómo convertir una auditoría de accesibilidad en un plan de ejecución realista y medible.
25 Pro
Cierre: hoja de ruta de accesibilidad en producción
Plan final para mantener accesibilidad viva en producto después del curso.
No hay lecciones para este filtro.
Página 1 de 1
Roadmap
Desarrollo Web
Ruta principal de frontend, frameworks y stack de desarrollo web profesional.
Avanzados web