Programa
-
Clase 0. Presentación del curso
- 0.1 Presentación del curso (módulos, profesores y Campus Virtual)
- 0.2 Presentación de los alumnos
- 0.3 Material en CV para consultar
-
Clase 1. Introducción a la accesibilidad y la discapacidad
- 1.1 Introducción a la accesibilidad web
- 1.2 Definición de conceptos básicos relacionados con la accesibilidad web
- 1.3 Discapacidad, modelos de discapacidad
- 1.4 Tipos de discapacidad: visual, auditiva, motriz, cognitiva y otras limitaciones
-
Clase 2. Tecnologías de asistencia y barreras frecuentes (I)
- 2.1 Tecnologías de asistencia relacionadas con diferentes tipos de discapacidad: movilidad y visión
- 2.2 Barreras relacionadas
-
Clase 3. Tecnologías de asistencia y barreras frecuentes (II)
- 3.1 Tecnologías de asistencia relacionadas con diferentes tipos de discapacidad: audición y cognición
- 3.2 Barreras relacionadas
- 3.3 El papel de la IA en la accesibilidad: aplicación en la generación de perfiles de usuario
-
Clase 4. Normativas de accesibilidad e introducción a la evaluación web
- 4.1 Normativa fundamental en accesibilidad
- 4.2 Introducción a las WCAG 2.2
- 4.3 Introducción a la evaluación de accesibilidad: el papel de las herramientas de detección automática
-
Clase 1. Introducción al diseño
- 1.1. Diseño de la interacción
- 1.2. Introducción al wireframe low-fi y sistemas de diseño
- 1.3. Arquitectura de la información
- 1.4. Afectación de la accesibilidad en el diseño digital
-
Clase 2. Organización de proyectos y Fundations I
- 2.1. Sistemas de diseño y afectación en accesibilidad
- 2.2. Cómo aplican la accesibilidad grandes empresas en sus sistemas de diseño
- 2.3. Fundations I: Color
- 2.4. Fundations II: Tipografía
-
Clase 3. Fundations II y componentes
- 3.1. Fundations III: Iconografía
- 3.2. Fundations IV: Diseño visual y arquitectura
- 3.3. Componentes: Información sistemática
- 3.4. Patrones y pantallas
-
Clase 4. Formularios y elementos de interacción
- 4.1. Componentes: Formularios
- 4.2. Elementos de interacción (botones, enlaces, navegación...)
-
Clase 5. Evaluación Figma
- 5.1. Herramientas y plugins de accesibilidad
- 5.2. Documentación del sistema de diseño
- 5.3. Anotaciones en componentes, patrones y pantallas
-
Clase 1. Introducción a la codificación
- 1.1. Introducción HTML5, CSS y Javascript
- 1.2. Estructura de un documento HTML semántico
- 1.3. Árbol de accesibilidad
- 1.4. Landmarks, encabezados, enlaces, imágenes, listas
-
Clase 2. Contenido básico
- 2.1. Tablas
- 2.2. Formularios
- 2.3. Imágenes funcionales y gráficos
- 2.4. Validación de código
-
Clase 3. CSS y accesibilidad
- 3.1. Fuentes, interlineados, longitud de línea, colores
- 3.2. Manejo del foco de teclado
- 3.3. Responsive web design
- 3.4. Movimiento y animación
-
Clase 4. WAI-ARIA (básico)
- 4.1. JavaScript. Fundamentos. DOM.
- 4.2. Introducción a WAI-ARIA: roles, propiedades y estados
- 4.3. Trabajo con elementos interactivos
-
Clase 5. WAI-ARIA (avanzado)
-
5.1. Desarrollo de elementos interactivos
- 5.1.1. Pestañas o tabs
- 5.1.2. Ventanas modales
- 5.1.3. Acordeón
- 5.1.4. Tablists
- 5.1.5. Carrusel
- 5.2. Uso de herramientas IA para generar código accesible
-
5.1. Desarrollo de elementos interactivos
-
Clase 1. Introducción a la evaluación
- 1.1. Metodología WCAG-EM
- 1.2. Empleo de herramientas basadas en inteligencia artificial para apoyar el proceso de evaluación
-
Clase 2. Evaluación caso práctico (I). Perceptible
- 2. Validación del principio: Perceptible
- 2.1. Uso de herramientas de evaluación automáticas y semiautomáticas
- 2.2. Pruebas complementarias (simulación o pruebas de usuario)
- 2.3. Empleo de herramientas basadas en inteligencia artificial para apoyar el proceso de evaluación
-
Clase 3. Evaluación caso práctico (II). Operable
- 3. Validación del principio: Operable
- 3.1. Uso de herramientas de evaluación automáticas y semiautomáticas
- 3.2. Pruebas complementarias (simulación o pruebas de usuario)
- 3.3. Empleo de herramientas basadas en inteligencia artificial para apoyar el proceso de evaluación
-
Clase 4. Evaluación caso práctico (III). Comprensible y robusto
- 4. Validación del principio: Comprensible y Robusto
- 4.1. Uso de herramientas de evaluación automáticas y semiautomáticas
- 4.2. Pruebas complementarias (simulación o pruebas de usuario)
- 4.3. Empleo de herramientas basadas en inteligencia artificial para apoyar el proceso de evaluación
-
Clase 5. Informe final y declaración de accesibilidad
- 5.1. Validación de criterios complementarios (UNE EN 301549 según el marco regulador de España)
- 5.2. Redacción del informe final de evaluación de accesibilidad
- 5.3. Redacción de la declaración de accesibilidad
