Temario del curso
Contexto Legal y Fundamentos de la Accesibilidad
Módulo 1: Introducción a la Ley de Accesibilidad y su Importancia
- Panorama 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
- Panorama general de las normas 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 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 automáticas de pruebas de accesibilidad
- Panorama general de las herramientas comunes de pruebas de accesibilidad
- Configuración de pruebas de accesibilidad en simuladores móviles y dispositivos reales (utilizando 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
- Redacción 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, Diseño de Interacción Humana de Apple)
- Hacer accesibles la navegación, botones y formularios en dispositivos móviles
- Problemas comunes de accesibilidad móvil 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 foco e indicadores visibles del foco
- Consideraciones de diseño responsivo para la accesibilidad
- Evitar trampas 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 de Internet Enriquecido
- Cuándo y cómo utilizar atributos ARIA
- Gestión de regiones en vivo para lectores de pantalla
- Creación de widgets accesibles y componentes personalizados
- Papel de ARIA en SPA (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 interfaz de usuario del mundo real
Pruebas, Cumplimiento y Accesibilidad Continua
Módulo 8: Pruebas y Auditoría de Accesibilidad
- Técnicas de pruebas manuales con lectores de pantalla y solo teclado
- Pruebas automáticas con herramientas como axe, Lighthouse, pa11y
- Redacción de casos de prueba de accesibilidad para equipos de 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 automáticas como Accessibility Scanner, Espresso para Android, XCTest para iOS)
Módulo 9: Remediación y Accesibilidad Continua
- Problemas comunes de accesibilidad y cómo resolverlos
- Gestión de la accesibilidad en legados de código
- Mantenimiento de la accesibilidad durante actualizaciones de funciones y refactorización
- Accesibilidad en aplicaciones multiplataforma (móviles, 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 entre pares y debate grupal
- Sesión de preguntas y respuestas y retroalimentación
- Recursos para aprendizaje continuo y actualizaciones de cumplimiento
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
- Portátil con entorno de desarrollo configurado (editor de código, herramientas de desarrollo del navegador)
Audiencia Objetivo
- Desarrolladores Frontend/Backend/Móviles
- Diseñadores UI/UX con conocimientos de codificación
- Ingenieros QA enfocados en pruebas de accesibilidad
- Propietarios de Producto y Gerentes de Proyecto involucrados en el cumplimiento de la 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