Temario del curso
Contexto Legal y Fundamentos de la Accesibilidad
Módulo 1: Introducción a la Ley de Accesibilidad y su Importancia
- Resumen 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
- Resumen 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
- Resumen 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 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, los botones y los formularios en móvil
- 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 contraste de color y tamaño de texto
- Estilos de foco e indicadores visibles del foco
- Consideraciones de diseño adaptable (responsive) 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 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
- Papel de ARIA en SPA (Single Page Applications)
- 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, menús desplegables y pestañas accesibles
- Implementar validación de formularios y manejo de errores accesibles
- Utilizar ARIA e 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
- Pruebas automatizadas con herramientas como axe, Lighthouse, pa11y
- Escritura 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, 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 bases de código heredadas
- 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 Cierre
- Construir o refactorizar una pequeña aplicación/módulo para cumplir con los estándares de accesibilidad
- Revisión por 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 e intermedios de HTML, CSS y JavaScript
- Conocimientos básicos e intermedios de técnicas para aplicaciones móviles (Android, iOS)
- Familiaridad con marcos 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 del desarrollo web/móvil
- Ordenador portátil con entorno de desarrollo configurado (editor de código, herramientas de desarrollo del navegador)
Público Objetivo
- Desarrolladores Frontend/Backend/Móvil
- Diseñadores de UI/UX con conocimientos de codificación
- Ingenieros de 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