Programa del Curso
Día 1: Contexto Legal y Fundamentos de Accessibilidad
Módulo 1: Introducción a la Ley de Accessibilidad y su Importancia
- Visión general de la nueva ley de Accessibilidad (entró en vigor el 28 de junio)
- Requisitos legales y plazos
- Impacto en el sector público, empresas privadas y desarrolladores
- Por qué importa la Accessibilidad: perspectivas sociales, éticas y empresariales
- Sanciones por incumplimiento
- Visión general de las normas de accesibilidad (WCAG 2.1/2.2, ARIA)
- Categorías de discapacidades
Módulo 2: Principios y Directrices de Accessibilidad
- Principios POUR (Perceptible, Operable, Comprensible, Robusto)
- Introducción a las directrices WCAG
- Papeles, estados y propiedades ARIA
- HTML semántico y su papel en la accesibilidad
Módulo 3: Configuración de un Entorno de Desarrollo Accessible
- Herramientas: herramientas del desarrollador 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 (usando VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Módulo 4: Codería Práctica – HTML Semántico y Navegación con Teclado
- Escribir marcado semántico para la accesibilidad
- Garantizar la navegabilidad completa con teclado
- Técnicas de gestión del foco
- Gestión accesible de formularios y elementos interactivos
Accessibilidad 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 dispositivos móviles
- Problemas comunes de accesibilidad en móviles y soluciones
- Pruebas prácticas con VoiceOver y TalkBack
Día 2: Codificación Avanzada y Tecnologías Asistenciales
Módulo 5: Diseño CSSible y Visual
- Prácticas recomendadas de contraste de color y tamaño del texto
- Estilos de foco y indicadores visibles de foco
- Consideraciones de diseño responsivo para la accesibilidad
- Cómo evitar problemas de accesibilidad en animaciones y transiciones
- Guías de contraste de color y tamaño para pantallas móviles.
Módulo 6: ARIA para Contenido Dinámico e Internet Enriched Applications
- Cuándo y cómo usar atributos ARIA
- Administración de regiones en vivo para lectores de pantalla
- Creación de widgets accesibles y componentes personalizados
- Rol del ARIA en SPA (Single Page Applications)
- Para móviles, discutir los 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: Crear Componentes Accessibles
- Crear botones accesibles, modales, desplegables y pestañas
- Implementación de validación y manejo de errores en formularios accesibles
- Uso del ARIA y HTML semántico para componentes UI reales
Día 3: Pruebas, Cumplimiento e Inclusión Continua
Módulo 8: Prueba y Auditoría de Accessibilidad
- Técnicas de prueba manual con lectores de pantalla y teclado exclusivamente
- Pruebas automatizadas con herramientas como axe, Lighthouse, pa11y
- Escribir 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 Continuidad de la Accessibilidad
- Problemas comunes de accesibilidad y cómo solucionarlos
- Gestión de la accesibilidad en bases de código heredadas
- Mantener la accesibilidad durante actualizaciones de funciones y refactorización
- Accessibilidad en aplicaciones multiplataforma (móvil, escritorio, web)
Módulo 10: Ejercicio Práctico Final e Informe
- 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 en grupo
- Sesión de preguntas y respuestas y retroalimentación
- Recursos para el aprendizaje continuo y actualizaciones de cumplimiento
Requerimientos
- Conocimientos básicos a intermedios de HTML, CSS, JavaScript
- Conocimientos básicos a intermedios de técnicas de aplicaciones móviles (Android, IOS)
- Experiencia con marcos del lado del cliente (React, Angular, Vue, etc.) es un plus
- Experiencia en 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)Público objetivo
- Desarrolladores Frontend/Backend/Móviles
- Diseñadores UI/UX con conocimientos de codificación
- Ingenieros QA enfocados en pruebas de accesibilidad
- Propietarios de productos y gerentes de proyectos involucrados en la conformidad de accesibilidad
Testimonios (5)
El hecho de que hubiera ejemplos prácticos con el contenido
Smita Hanuman - Standard Bank of SA Ltd
Curso - Basel III – Certified Basel Professional
Traducción Automática
Velocidad de respuesta y comunicación
Bader Bin rubayan - Lean Business Services
Curso - ISO/IEC 27001 Lead Implementer
Traducción Automática
Me gustó cómo el instructor parecía muy conocedor de Figma.
January Oliva - Eko Health
Curso - User Experience Design with Figma
Traducción Automática
- los ejercicios son prácticos - el entrenador es útil para responder a nuestras preguntas específicas
Germaine Choi - The Hong Kong Jockey Club
Curso - User Experience (UX) Design
Traducción Automática
Atmósfera, enfoque en los ejercicios y comentarios sobre las tareas. Fue una forma tan agradable y relajada de transmitir el conocimiento
Elzbieta Moc-Kilanska - EY GDS
Curso - User Experience UX Design Fundamentals
Traducción Automática