Temario del curso
Contexto Legal y Fundamentos de Accesibilidad
Módulo 1: Introducción a la Ley de Accesibilidad y su Importancia
- Descripción general de la nueva Ley de Accesibilidad (efectiva desde el 28 de junio).
- Requisitos legales y plazos de cumplimiento.
- Impacto en el sector público, empresas privadas y desarrolladores.
- Por qué importa la accesibilidad: perspectivas sociales, éticas y comerciales.
- Penas por incumplimiento.
- Descripció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 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 automatizadas de prueba de accesibilidad.
- Descripción general de las principales herramientas de prueba de accesibilidad.
- Configuración de pruebas de accesibilidad en simuladores móviles y dispositivos reales (utilizando VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
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 (focus management).
- 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 Design, Apple Human Interface Guidelines).
- Hacer accesibles la navegación, botones y formularios en móviles.
- Problemas comunes de accesibilidad móvil y soluciones.
- Práctica 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 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 errores comunes de accesibilidad en animaciones y transiciones.
- Directrices de contraste de color 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 atributos ARIA.
- Gestión de regiones dinámicas (live regions) para lectores de pantalla.
- Creación de widgets accesibles y componentes personalizados.
- El papel de ARIA en SPA (Single Page Applications - 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: Construcción de Componentes Accesibles
- Creación de botones, modales, menús desplegables (dropdowns) y pestañas accesibles.
- Implementación de validación de formularios y manejo de errores accesibles.
- Uso de 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 navegación solo por teclado.
- Pruebas automatizadas con herramientas como axe, Lighthouse y 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 automatizadas como Accessibility Scanner, Espresso para Android y XCTest para iOS).
Módulo 9: Corrección y Accesibilidad Continua
- Problemas comunes de accesibilidad y cómo solucionarlos.
- Gestión de la accesibilidad en código heredado (legacy codebases).
- Mantenimiento de la accesibilidad durante actualizaciones de características 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 los estándares de accesibilidad.
- Revisión entre pares y discusión grupal.
- Sesión de preguntas y respuestas (Q&A) y retroalimentación.
- Recursos para aprendizaje continuo y actualizaciones de cumplimiento normativo.
Requerimientos
- Conocimientos básicos e intermedios de HTML, CSS y JavaScript.
- Conocimientos básicos a intermedios de técnicas para 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 del desarrollo web/móvil.
- Laptop con el entorno de desarrollo configurado (editor de código, herramientas de desarrollador del navegador).
Audiencia objetivo
- Desarrolladores Front-end / Back-end / Móviles.
- Diseñadores de UI/UX con conocimientos de codificación.
- Ingenieros de QA enfocados en pruebas de accesibilidad.
- Dueños de producto y gerentes de proyecto involucrados en el cumplimiento de normativas 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