Programa Avanzado en Desarrollo de Entornos Digitales Accesibles bajo Estándares WCAG
Programa avanzado, teórico-práctico, para que los equipos de producto digital integren la accesibilidad desde la planeación hasta la validación, con estándares WCAG y buenas prácticas de diseño, desarrollo y testing, para crear soluciones digitales inclusivas, sostenibles y compatibles con entornos ágiles.
- PLANIFICA: incluye la accesibilidad desde el inicio.
- DISEÑA: crea experiencias inclusivas para todos los usuarios.
- DESARROLLA: implementa soluciones accesibles con buenas prácticas y estándares.
- VALIDA: prueba y asegura la accesibilidad con QA manual y automatizado.
- MEJORA: mide el impacto y promueve la mejora continua.
Taller de 60 horas
Sesiones en vivo a través de Webinar
Dirigido a equipos de desarrollo, diseño, producto, QA y líderes de proyecto.
Módulo 1 – Introducción a la accesibilidad digital.
- Introducción y sensibilización: ¿Por qué crear entornos digitales accesibles?
- Empatizando y conociendo a las PCD: Barreras, tecnologías de asistencia y user persona inclusivos.
- La importancia de la accesibilidad y su integración en SCRUM
- Niveles y criterios de accesibilidad digital según la WCAG.
- Integrando la accesibilidad digital desde el principio
- Visión, objetivos y alcance del proyecto.
- Definiendo los requisitos de accesibilidad
Módulo 2 – Customer Journey
- ¿Qué es el customer journey?
- ¿Por qué es relevante para el diseño y desarrollo de entornos y experiencias digitales accesibles?
- Visión centrada en el cliente
- Construyendo users persona inclusivos
- Preguntas sociodemográficas, profesionales y de uso de tecnología
- Curva emocional
- Creando el journey map desde la perspectiva del usuario
- Detección de puntos críticos de fricción
- Innovación inclusiva
Módulo 3 – Diseñando la accesibilidad digital
- La estructura de accesibilidad: títulos, encabezados, regiones, navegación e identificación consistentes.
- Accesibilidad en imágenes y multimedia
- Uso del color y contrastes
- Diseñando para diferentes vistas: contenido conciso, espaciado y proximidad.
- El entregable clave: anotaciones de accesibilidad.
Módulo 4 – Implementando la accesibilidad digital
- HTML semántico y CSS
- Protocolo WAI-ARIA
- Elementos custom con WAI-ARIA
- Formularios accesibles
- Manejo de metadata y anuncios dinámicos
- Manejo de foco en apps y single-page applications.
Módulo 5 – Validando la accesibilidad digital
- Validaciones automatizadas.
- Validaciones manuales.
- Lectores de pantalla web.
- Lectores de pantalla móviles.
- Validación con el teclado.
- Incremento del tamaño del texto y de la escala de grises.
- Midiendo el impacto de los errores de accesibilidad: estrategias de priorización.
- Documentando errores de accesibilidad: ejemplos prácticos.
- Diseño de plan de mejora continua
- Conclusiones y cierre