Lección 5Accesibilidad web para usuarios con Trastornos Específicos del Aprendizaje (TEA)
- Noción 29 - ¿Qué son los trastornos específicos del aprendizaje y a quién afectan en la web?
- Noción 30 - Problemas de accesibilidad que los usuarios con TEA pueden experimentar en línea
- Noción 31 - Cómo hacer que el contenido web sea accesible para usuarios con TEA: en teoría
- Noción 32 - Cómo hacer que el contenido web sea accesible para usuarios con TEA: en la práctica 1/2
- Noción 33 - Cómo hacer que el contenido web sea accesible para usuarios con TEA: en la práctica 2/2
- Noción 34 - ¿PuedeS detectar qué hace que estas páginas web sean accesibles (o no) para los usuarios con TEA?
- Noción 35 - Revisión de los principales conceptos
Noción 34
¿PuedeS detectar qué hace que estas páginas web sean accesibles (o no) para los usuarios con TEA?
Competencias objetivo
Usando ejemplos de diseño web, conviértase en experto en identificar buenas y malas prácticas de accesibilidad para usuarios con TEA.
Ejercicio
Analiza la accesibilidad de las dos páginas web a continuación. Detecta al menos 5 malas prácticas para usuarios con TEA de la Imagen 1 y 5 buenas prácticas para los usuarios con TEA de la Imagen 2.
Imagen 1:
Imagen 2:
Recursos
Consulta los nociones 32 y 33 de esta lección para obtener consejos prácticos sobre cómo hacer que el diseño sea accesible para los usuarios con TEA (adaptaciones de los principios P.L.O.U.L.).
Corrección
Por qué la página web de la Imagen 1 es inaccesible para los usuarios con TEA:
- Los enlaces se mezclan con el texto y se utiliza un estilo inconsistente para su formato.
- La jerarquía visual de los elementos de diseño y navegación no está clara (recuerda: ¡el contenido más importante debe colocarse en la parte superior!).
- El texto tiene poca legibilidad: fuente pequeña, espaciado insuficiente y el contexto es difícil de identificar a partir de las imágenes correspondientes.
- El menú es vertical y está abarrotado con una larga lista de artículos.
- Contraste de color insuficiente entre el color de fondo y el color de primer plano.
- No hay suficiente espacio en blanco alrededor del contenido para dejar que el diseño 'respire'.
Por qué la página web de la Imagen 2 es accesible para los usuarios con TEA:
- Los enlaces se pueden distinguir fácilmente del texto circundante y se utiliza un estilo consistente para su formato.
- La jerarquía visual del diseño y los elementos de navegación en la página son claros.
- El texto tiene buena legibilidad: fuente amigable para usuarios con TEA, tamaño de fuente y espaciado, y el contexto es fácil de discernir con una tabla de contenido.
- El menú es horizontal y divide el contenido en algunas categorías distintas.
- El menú informa a los usuarios de las sub-opciones con marcadores de menú.
- Contraste de color suficiente entre el color de fondo y el color de primer plano.
- Un montón de espacio en blanco alrededor del contenido que le da al diseño un aspecto ordenado.