Curso de Accesibilidad web

1. Definición de accesibilidad web
2. ¿Por qué es importante?
3. Alcance de la accesibilidad web
4. La accesibilidad universal
5. ¿Qué no es accesibilidad web?

5.1. Usabilidad

5.2. Diseño adaptativo o Responsive Design

5.3. SEO

5.4. Inclusión digital

6. Beneficios de la accesibilidad digital

Actividad multimedia 1. Ideas clave de la accesibilidad web

Actividad multimedia 2. Conceptos fundamentales sobre la accesibilidad web

Actividad práctica 1. Identifica el concepto correcto

1. ¿Para quién diseñamos un producto digital?
2. Tipos de discapacidad
3. Barreras de accesibilidad en la web según el tipo de discapacidad

3.1. Personas con problemas visuales

3.2. Personas con limitaciones motoras

3.3. Personas con limitaciones auditivas

3.4. Personas con limitaciones cognitivas

3.5. Personas con dificultad en el habla

3.6. Discapacidad temporal o situacional

4. Tecnologías asistivas

4.1. Lectores de pantalla

4.2. Magnificadores de pantalla

4.3. Pantallas de braille electrónicas

4.4. Software de reconocimiento de voz

4.5. Hardware adaptado

4.6. Subtítulos y transcripciones automáticas

Actividad multimedia 3. Tipos de daltonismo

Actividad multimedia 4. Tecnologías y discapacidad

Actividad práctica 2. ¿Qué tecnología asistiva necesita cada persona?

1. Marco legal

1.1. Marco internacional y nacional

1.2. Consecuencias por incumplimiento

1.3. Declaración de accesibilidad

2. Las pautas WCAG

2.1. Nivel 1: los cuatro principios fundamentales

2.2. Nivel 2: las pautas

2.3. Nivel 3: los criterios de conformidad

2.4. Nivel 4: las técnicas

3. Los niveles de conformidad

Actividad multimedia 5. Afirmaciones sobre la legislación en materia de accesibilidad

Actividad multimedia 6. Los cuatro principios de las WCAG

Actividad práctica 3. ¿Está obligada esta organización a cumplir la normativa de accesibilidad?

1. ¿Qué es una página web?
2. HTML y CSS

2.1. HTML (Hyper Text Markup Language)

2.2. CSS (Cascading Style Sheets)

2.3. Relación entre HTML y CSS

3. Estructura de una web
4. Características de mejora

4.1. Ayuda a personas que no pueden visualizar las imágenes

4.2. Genera un código con sentido

4.3. Ayuda a los usuarios que no pueden utilizar un ratón

4.4. Cuando el marcado HTML no es suficiente

Actividad multimedia 7. Vocabulario sobre HTML y CSS

Actividad multimedia 8. Estructura de una web accesible

Actividad práctica 4. Analiza la estructura de una página web

1. Tipografía

1.1. Tipos de letra

1.2. Tamaño

2. Contraste
3. Color
4. Enlaces
5. Imágenes y textos alternativos
6. Subtítulos, audios y vídeos

Actividad multimedia 9. Conceptos fundamentales sobre diseño visual accesible

Actividad multimedia 10. Afirmaciones sobre los criterios WCAG en diseño visual accesible

Actividad práctica 5. Revisa el diseño visual de una landing page

1. Producción y revisión de los textos
2. Jerarquía visual

2.1. Identidad visual: nombre y logotipo

2.2. Organización del contenido en secciones

2.3. Elementos visuales de cada sección

3. Jerarquía estructural

3.1. Los encabezados y su jerarquía (H1-H6)

3.2. El idioma y el título de la página

4. Iconografía

4.1. ¿Qué son los iconos y cuándo generan barreras?

4.2. Buenas prácticas para iconos accesibles

4.3. El caso particular de los emojis

5. Animaciones y movimientos

Actividad multimedia 11. Conceptos fundamentales sobre contenido accesible

Actividad multimedia 12. Afirmaciones sobre los criterios WCAG en contenido accesible

Actividad práctica 6. Audita la estructura y jerarquía de una página web

1. Percepción y reconocimiento en la web

1.1. Cómo leemos (realmente) una página web

1.2. El poder de las convenciones y el reconocimiento visual

2. Formas de lectura

2.1. Patrones de lectura en productos digitales

2.2. Navegación por teclado

2.3. Orden lógico y visibilidad de foco

3. Estructura de la navegación

3.1. Estructura consistente

3.2. Múltiples formas de navegación

3.3. Modo «saltar contenido»

3.4. Migas de pan

4. Formularios accesibles

4.1. Qué son los formularios accesibles y cómo crearlos

4.2. Instrucciones claras para completar formularios

4.3. Gestión de errores en formularios

4.4. Prevención de errores en formularios

5. Tiempo suficiente para completar tareas

Actividad multimedia 13. Navegación, lectura y formularios accesibles

Actividad multimedia 14. Afirmaciones sobre navegación y formularios accesibles

Actividad práctica 7. Detecta problemas de accesibilidad en un formulario

1. Evaluación automática
2. Evaluación manual
3. Evaluación con grupos de control
4. Contratación de servicios de terceros
5. Informe de accesibilidad
6. Checklist rápido de validación

Actividad multimedia 15. Conceptos fundamentales sobre la evaluación de accesibilidad

Actividad multimedia 16. Afirmaciones sobre la evaluación de accesibilidad

Actividad práctica 8. Valida la accesibilidad de una página web

1. Introducción
2. Casos prácticos

Caso práctico 1. Un campo sin etiqueta y errores solo en rojo

Caso práctico 2. Un vídeo sin subtítulos ni control de audio

Caso práctico 3. Un carrusel automático sin pausa ni alternativa en texto

Caso práctico 4. Un PDF escaneado sin texto real

Caso práctico 5. Una sesión que caduca sin previo aviso

Caso práctico 6. Textos demasiado largos y complejos

Caso práctico 7. Un enlace que no dice a dónde lleva

Caso práctico 8. Un widget de accesibilidad que promete demasiado

Caso práctico 9. Una navegación que cambia sin motivo aparente

Caso práctico 10. Un diseño que no soporta el zoom

1. Accesibilidad en el ciclo de vida del proyecto
2. Roles y responsabilidades en un equipo accesible

Práctica final. Detecta y soluciona barreras de accesibilidad en una landing page