Temario del curso
Contexto Legal y Fundamentos de Accesibilidad
Módulo 1: Introducción a la Ley de Accesibilidad y su Importancia
- Visión general de la nueva Ley de Accesibilidad (vigente desde el 28 de junio)
- Requisitos legales y plazos
- Impacto en el sector público, empresas privadas y desarrolladores
- Por qué la accesibilidad importa: perspectivas sociales, éticas y de negocio
- Sanciones por incumplimiento
- Visión general de estándares de accesibilidad (WCAG 2.1/2.2, ARIA)
- Categorías de discapacidades
Módulo 2: Principios y Directrices de Accesibilidad
- Principios POUR (Perceptibles, Operables, Comprendibles, Robustos)
- Introducción a las directrices WCAG
- Roles, estados y propiedades de ARIA
- HTML semántico y su papel en la accesibilidad
Módulo 3: Configuración de un Entorno de Desarrollo Accesible
- Herramientas: herramientas de desarrollo del navegador, lectores de pantalla (NVDA, VoiceOver), extensiones de accesibilidad
- Configuración de linters y herramientas de prueba de accesibilidad automatizadas
- Visión general de herramientas comunes de prueba de accesibilidad
- Configuración de pruebas de accesibilidad en simuladores móviles y dispositivos reales (usando VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Módulo 4: Codificación Práctica – HTML Semántico y Navegación por Teclado
- Escribir marcado semántico para la accesibilidad
- Garantizar la navegabilidad completa con teclado
- Técnicas de gestión del enfoque
- Manejo de formularios y elementos interactivos de manera accesible
Accesibilidad en Aplicaciones Móviles Nativas (Módulo opcional adicional de 1.5 horas)
- Directrices clave de la plataforma (Google Material, Apple Human Interface)
- Hacer que la navegación, botones y formularios sean accesibles en dispositivos móviles
- Problemas comunes de accesibilidad en móviles y soluciones
- Pruebas prácticas con VoiceOver y TalkBack
Codificación Avanzada y Tecnologías Asistivas
Módulo 5: CSS Accesible y Diseño Visual
- Mejores prácticas de contraste de color y tamaño de texto
- Estilos de enfoque e indicadores visibles de enfoque
- Consideraciones de diseño responsivo para la accesibilidad
- Evitar problemas de accesibilidad en animaciones y transiciones
- Directrices de contraste de color y tamaño para pantallas móviles.
Módulo 6: ARIA para Contenido Dinámico y Aplicaciones Web Ricas
- Cuándo y cómo usar atributos de ARIA
- Gestionar regiones en vivo para lectores de pantalla
- Crear widgets y componentes personalizados accesibles
- Papel de ARIA en SPA (Aplicaciones de Página Única)
- Para móviles, discutir roles y etiquetas de accesibilidad en plataformas nativas (por ejemplo, contentDescription en Android, accessibilityLabel en iOS).
Módulo 7: Laboratorio de Codificación Práctica: Creación de Componentes Accesibles
- Crear botones, modales, listas desplegables, pestañas accesibles
- Implementar validación de formularios y manejo de errores accesible
- Usar ARIA y HTML semántico para componentes de interfaz de usuario del mundo real
Pruebas, Cumplimiento y Accesibilidad Continua
Módulo 8: Pruebas y Auditoría de Accesibilidad
- Técnicas de prueba manual con lectores de pantalla y solo teclado
- Prueba automatizada con herramientas como axe, Lighthouse, pa11y
- Escribir casos de prueba de accesibilidad para equipos de QA
- Integrar pruebas de accesibilidad en pipelines CI/CD
- Cómo realizar auditorías de accesibilidad en aplicaciones móviles nativas (pruebas manuales, herramientas automatizadas como Accessibility Scanner, Espresso para Android, XCTest para iOS)
Módulo 9: Remediación y Accesibilidad Continua
- Problemas comunes de accesibilidad y cómo solucionarlos
- Gestionar la accesibilidad en bases de código heredadas
- Mantener la accesibilidad durante actualizaciones de funciones y refactorización
- Accesibilidad en aplicaciones multiplataforma (móvil, escritorio, web)
Módulo 10: Ejercicio Práctico Final y Clausura
- Construir o refactorizar una pequeña aplicación/módulo para cumplir con estándares de accesibilidad
- Revisión por pares y discusión grupal
- Sesión de preguntas y respuestas y retroalimentación
- Recursos para el aprendizaje continuo y actualizaciones de cumplimiento
Requerimientos
- Conocimientos básicos a intermedios de HTML, CSS, JavaScript
- Conocimientos básicos a intermedios de técnicas de aplicaciones móviles (Android, iOS)
- Familiaridad con frameworks front-end (React, Angular, Vue, etc.) es un plus
- Familiaridad con el desarrollo de aplicaciones móviles es un plus
- Comprensión básica del ciclo de vida de desarrollo web/móvil
- Laptop con entorno de desarrollo configurado (editor de código, herramientas de desarrollo del navegador)
Público
- Desarrolladores Frontend/Backend/Móviles
- Diseñadores UI/UX con conocimientos de codificación
- Ingenieros QA enfocados en pruebas de accesibilidad
- Propietarios de productos y gerentes de proyectos involucrados en el cumplimiento de la accesibilidad
Testimonios (5)
El hecho de que hubiera ejemplos prácticos con el contenido
Smita Hanuman - Standard Bank of SA Ltd
Curso - Basel III – Certified Basel Professional
Traducción Automática
Velocidad de respuesta y comunicación
Bader Bin rubayan - Lean Business Services
Curso - ISO/IEC 27001 Lead Implementer
Traducción Automática
Me gustó cómo el instructor parecía muy conocedor de Figma.
January Oliva - Eko Health
Curso - User Experience Design with Figma
Traducción Automática
- los ejercicios son prácticos - el entrenador es útil para responder a nuestras preguntas específicas
Germaine Choi - The Hong Kong Jockey Club
Curso - User Experience (UX) Design
Traducción Automática
Atmósfera, enfoque en los ejercicios y comentarios sobre las tareas. Fue una forma tan agradable y relajada de transmitir el conocimiento
Elzbieta Moc-Kilanska - EY GDS
Curso - User Experience UX Design Fundamentals
Traducción Automática