Tecnología y Digitalización · 3° ESO

Ideas de aprendizaje activo

Accesibilidad Web para Todos los Usuarios

La accesibilidad web es un concepto abstracto que cobra sentido cuando los alumnos interactúan con tecnologías reales y experimentan las barreras que enfrentan otros usuarios. La combinación de pruebas prácticas y diseño colaborativo transforma este tema en una experiencia de aprendizaje tangible y transformadora para los estudiantes.

• Competencias Clave LOMLOE
• LOMLOE: ESO - Diseño universal
• LOMLOE: ESO - Empatía y diseño

• 30–50 min
• Parejas → Toda la clase
• 4 actividades

Actividad 01

• Estudio de caso
• 45 min · Grupos pequeños

Estaciones de Auditoría: Pruebas de Accesibilidad

Prepara cuatro estaciones: contraste de colores con herramientas online, navegación por teclado en una web de muestra, lectura de alt text con un screen reader simulado y estructura semántica con validadores. Los grupos rotan cada 10 minutos y registran fallos y soluciones en una hoja compartida.

¿Cómo navegaría por vuestra web una persona con discapacidad visual?

Consejo de facilitación

En la actividad de estaciones de auditoría, asegúrate de que cada grupo rote por al menos dos tecnologías de asistencia diferentes para que comparen enfoques distintos de accesibilidad.

Qué observar

Entrega a cada alumno una tarjeta con el nombre de una tecnología de asistencia (ej. lector de pantalla, lupa de pantalla, software de reconocimiento de voz). Pide que escriban una frase explicando cómo ayuda a un usuario con una discapacidad específica y un ejemplo de una característica web que facilita su uso.

• Analizar
• Evaluar
• Crear
• Toma de Decisiones
• Autogestión

Actividad 02

• Estudio de caso
• 50 min · Parejas

Rediseño Inclusivo: Mejora de una Página

En parejas, selecciona una página web existente con problemas de accesibilidad. Identifica tres barreras usando checklists WCAG, propone cambios en HTML/CSS y crea una versión mejorada en un editor online. Presenta las mejoras al grupo.

¿Qué pautas de accesibilidad son fundamentales para incluir a todos los usuarios?

Consejo de facilitación

Durante el rediseño inclusivo, pide a los alumnos que documenten cada decisión de cambio con una breve justificación basada en los principios WCAG que aplicaron.

Qué observar

Muestra una captura de pantalla de una página web con problemas de accesibilidad evidentes (ej. texto con bajo contraste, falta de texto alternativo en una imagen clave). Pregunta a los alumnos: '¿Qué problema de accesibilidad identificáis aquí y cómo lo solucionaríais?'

• Analizar
• Evaluar
• Crear
• Toma de Decisiones
• Autogestión

Actividad 03

• Estudio de caso
• 35 min · Toda la clase

Simulación de Discapacidades: Navegación Empática

La clase se divide en roles: un alumno simula discapacidad visual con antifaz y auriculares, otro motora usando solo teclado. Navegan por una web preparada y dan feedback. Discute colectivamente ajustes necesarios.

¿Cómo evaluaríais la accesibilidad de una página web existente?

Consejo de facilitación

En la simulación de discapacidades, limita el tiempo de cada prueba a 5 minutos para mantener el enfoque y evitar frustraciones innecesarias en los alumnos.

Qué observar

Los alumnos trabajan en parejas para evaluar la accesibilidad de una sección de una web que ellos mismos han creado previamente. Deben usar una lista de verificación simple (contraste, alt text, navegación por teclado). Cada pareja revisa el trabajo de otra y proporciona una sugerencia de mejora por escrito.

• Analizar
• Evaluar
• Crear
• Toma de Decisiones
• Autogestión

Actividad 04

• Estudio de caso
• 30 min · Individual

Evaluación Rápida: Checklist Colaborativa

Individualmente, cada alumno evalúa una web asignada con una checklist de 10 ítems WCAG. Luego, en pequeños grupos, comparten resultados y votan las mejoras prioritarias para un informe final de clase.

¿Cómo navegaría por vuestra web una persona con discapacidad visual?

Consejo de facilitación

Para la evaluación rápida con checklist, usa una página web que los alumnos conozcan para que puedan comparar su experiencia previa con la accesibilidad real de la página.

Qué observar

Entrega a cada alumno una tarjeta con el nombre de una tecnología de asistencia (ej. lector de pantalla, lupa de pantalla, software de reconocimiento de voz). Pide que escriban una frase explicando cómo ayuda a un usuario con una discapacidad específica y un ejemplo de una característica web que facilita su uso.

• Analizar
• Evaluar
• Crear
• Toma de Decisiones
• Autogestión

Algunas notas para enseñar esta unidad

Este tema funciona mejor cuando se enseña desde la acción y no desde la teoría pura. Los alumnos necesitan tocar los problemas con sus propias manos para internalizar las necesidades de los usuarios diversos. Evita largas exposiciones sobre WCAG; en su lugar, usa ejemplos cotidianos como el contraste de colores en señales de tráfico o la navegación por teclado en formularios antiguos. La investigación muestra que la empatía se construye cuando los estudiantes experimentan barreras por sí mismos, no cuando solo las escuchan.

Al finalizar, los alumnos no solo identifican problemas de accesibilidad, sino que proponen soluciones validadas y defienden su importancia con ejemplos concretos. La evidencia de su aprendizaje se verá en los cambios realizados en las páginas rediseñadas, en las discusiones empáticas durante las simulaciones y en los registros de las auditorías grupales.

---

Atención a estas ideas erróneas

• Durante la actividad de simulación de discapacidades, algunos alumnos pueden comentar que la accesibilidad solo importa para personas ciegas.

  Durante la simulación de discapacidades, observa las reacciones cuando los alumnos experimenten con daltonismo simulado o con la navegación por teclado. Usa estos momentos para guiar una discusión donde identifiquen barreras adicionales, como el bajo contraste que afecta a usuarios con visión reducida o la falta de etiquetas que complican la navegación por voz.

• Durante el rediseño inclusivo, algunos alumnos pueden creer que añadir texto alternativo es suficiente para cumplir con los estándares de accesibilidad.

  Durante el rediseño inclusivo, pide a los alumnos que usen las herramientas de auditoría integradas en sus navegadores para comprobar el contraste de colores y la navegación por teclado. Al descubrir que un texto alternativo no resuelve problemas de legibilidad, podrán ver la interdependencia entre los principios WCAG y corregir sus mental models.

• Durante las estaciones de auditoría, algunos alumnos pueden asumir que las webs modernas son accesibles por defecto.

  Durante las estaciones de auditoría, proporciona páginas de diferentes épocas o estilos (desde webs antiguas hasta diseños minimalistas modernos) y pide que comparen resultados. Al ver que incluso sitios recientes fallan en contrastes o etiquetas semánticas, los alumnos entenderán que la accesibilidad requiere un diseño activo y consciente.

---

Metodologías usadas en este resumen

• Estudio de caso