Temario del curso
Contexto Legal y Fundamentos de la 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é importa la accesibilidad: perspectivas sociales, éticas y empresariales
- Sanciones por incumplimiento
- Visión general de los estándares de accesibilidad (WCAG 2.1/2.2, ARIA)
- Categorías de discapacidades
Módulo 2: Principios y Directrices de Accesibilidad
- Principios POUR (Perceptible, Operable, Comprensible, Robusto)
- Introducción a las directrices WCAG
- Roles, estados y propiedades 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 automatizada de accesibilidad
- Visión general de las herramientas comunes de prueba de accesibilidad
- Configuración de pruebas de accesibilidad en simuladores y dispositivos reales (usando VoiceOver/TalkBack, Android Accessibility Scanner, Inspector de Accesibilidad de Xcode).
Módulo 4: Codificación Práctica – HTML Semántico y Navegación por Teclado
- Escritura de marcado semántico para accesibilidad
- Garantizar la navegabilidad completa por teclado
- Técnicas de gestión del foco
- Manejo accesible de formularios y elementos interactivos
Accesibilidad en Aplicaciones Móviles Nativas (Módulo adicional opcional de 1,5 horas)
- Directrices clave de la plataforma (Google Material, Apple Human Interface)
- Hacer accesible la navegación, botones y formularios en móviles
- Problemas comunes de accesibilidad en móviles y soluciones
- Práctica con VoiceOver y TalkBack
Codificación Avanzada y Tecnologías de Asistencia
Módulo 5: CSS Accesible y Diseño Visual
- Mejores prácticas para el contraste de colores y tamaño del texto
- Estilos de foco e indicadores visuales de foco
- Consideraciones de diseño responsivo para la accesibilidad
- Evitando trampas de accesibilidad en animaciones y transiciones
- Directrices de contraste de colores y tamaños para pantallas móviles.
Módulo 6: ARIA para Contenido Dinámico y Aplicaciones de Internet Ricas
- Cuándo y cómo utilizar los atributos ARIA
- Gestión de regiones en vivo para lectores de pantalla
- Creación de widgets accesibles y componentes personalizados
- Rol de ARIA en SPA (Single Page Applications / Aplicaciones de Página Única)
- En 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: Construcción de Componentes Accesibles
- Crear botones, modales, menús desplegables y pestañas accesibles
- Implementar validación de formularios y manejo de errores accesibles
- Utilizar ARIA y HTML semántico para componentes de UI del mundo real
Pruebas, Conformidad y Accesibilidad Continua
Módulo 8: Pruebas y Auditoría de Accesibilidad
- Técnicas de prueba manual con lectores de pantalla y solo teclado
- Pruebas automatizadas con herramientas como axe, Lighthouse, pa11y
- Escritura de casos de prueba de accesibilidad para equipos QA
- Integración de 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
- Gestión de la accesibilidad en bases de código legado
- Mantenimiento de 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 Cierre
- Construir o refactorizar una pequeña aplicación/módulo para cumplir con los estándares de accesibilidad
- Revisión por pares y discusión grupal
- Sesión de preguntas y respuestas y retroalimentación
- Recursos para aprendizaje continuo y actualizaciones de conformidad
Requerimientos
- Conocimientos básicos a intermedios de HTML, CSS y JavaScript
- Conocimientos básicos a intermedios de técnicas de desarrollo de aplicaciones móviles (Android, iOS)
- Familiaridad con frameworks frontend (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 del desarrollo web/móvil
- Laptop con entorno de desarrollo configurado (editor de código, herramientas de desarrollo del navegador)
Público Objetivo
- Desarrolladores Frontend/Backend/Móviles
- Diseñadores UI/UX con conocimientos de programación
- Ingenieros QA enfocados en pruebas de accesibilidad
- Product Owners y Gerentes de Proyecto involucrados en la conformidad de accesibilidad
Testimonios (3)
Experimentando con herramientas
Nuwan Gunaratne - AZQORE
Curso - User Experience Design with Figma
Traducción Automática
Nuestro instructor, Yashank, era increíblemente conocedor. Adaptó el currículo para que se ajustara a lo que realmente necesitábamos aprender y tuvimos una excelente experiencia de aprendizaje con él. Su comprensión del dominio que estaba enseñando fue impresionante; compartió insights basados en experiencias reales y nos ayudó a resolver problemas reales que estábamos enfrentando en nuestro trabajo.
Ahmed Nazeem - Maldives Pension Administration Office
Curso - Multimodal AI for Enhanced User Experience
Traducción Automática
"Realmente aprecié el enfoque en tiempo real que el formador utilizó para mostrar cómo nuestro equipo puede aplicar el Diseño Centrado en el Ser Humano (HCD) a nuestro proyecto. También fue genial que el formador tomara el tiempo para entender nuestro proyecto a un nivel general, lo cual ayudó a proporcionar orientación clara y práctica sobre cómo podemos abordar mejor tanto la UX como la UI."
Nichole Bryant Joven - Grundfos
Curso - Human-Centered Design (HCD)
Traducción Automática