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é importa la accesibilidad: perspectivas social, ética y empresarial
- Sanciones por incumplimiento
- Visión general de los estándares de accesibilidad (WCAG 2.1/2.2, ARIA)
- Categorías de discapacidad
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
- Visión general de las herramientas comunes 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 mediante 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 las plataformas (Google Material, Apple Human Interface)
- Hacer accesibles la navegación, botones y formularios en móviles
- Problemas comunes de accesibilidad en móviles y sus soluciones
- Pruebas prácticas con VoiceOver y TalkBack
Codificación Avanzada y Tecnologías de Asistencia
Módulo 5: CSS Accesible y Diseño Visual
- Mejores prácticas sobre contraste de color y tamaño de texto
- Estilos de foco e indicadores de foco visibles
- Consideraciones de diseño responsivo para la accesibilidad
- Evitar errores comunes 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 ARIA
- Gestión de regiones dinámicas para lectores de pantalla
- Creación de widgets y componentes personalizados accesibles
- Papel de ARIA en SPA (Aplicaciones de una sola página)
- 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
- 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ías de Accesibilidad
- Técnicas de prueba manual con lectores de pantalla y solo teclado
- Pruebas automatizadas 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 de 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 heredadas
- 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 entre pares y debate en grupo
- 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 en técnicas de desarrollo de aplicaciones móviles (Android, iOS)
- El dominio de frameworks frontend (React, Angular, Vue, etc.) es una ventaja
- Familiaridad con el desarrollo de aplicaciones móviles es una ventaja
- Comprensión básica del ciclo de vida de desarrollo web y móvil
- Portátil con el entorno de desarrollo configurado (editor de código, herramientas de desarrollo del navegador)
Público Objetivo
- Desarrolladores Frontend, Backend y Móviles
- Diseñadores UI/UX con conocimientos de programación
- Ingenieros de QA enfocados en pruebas de accesibilidad
- Dueños de producto y gerentes de proyecto involucrados en el cumplimiento 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