Resources of the course of Disability
Introduction to disability
When websites and web tools are properly designed and coded, people with disabilities can use them. However, currently many sites and tools are developed with accessibility barriers that make them difficult or impossible for some people to use.
Citation: Shades of Noir. (n.d.). Evolution of disability models. Shades of Noir. https://shadesofnoir.org.uk/content/evolution-of-disability-models/
Citation: Shades of Noir. (n.d.). Evolution of disability models. Shades of Noir. https://shadesofnoir.org.uk/content/evolution-of-disability-models/Citation: United Nations. (2006). Convention on the Rights of Persons with Disabilities. United Nations Department of Economic and Social Affairs. https://social.desa.un.org/issues/disability/convention-on-the-rights-of-persons-with-disabilities-crpd
Citation: Hudson, H. (2021, September 8). Moving from disability rights to disability justice. World Institute on Disability. https://wid.org/moving-from-disability-rights-to-disability-justice/
Creating Accessible Document
This factsheet presents some helpful tips on improving the accessibility of your publications, for both print and reading online.
It focuses primarily on producing accessible material using Microsoft Word – but the principles involved are universal and may easily be applied using other software.
Last updated: February 2025
- Creating Accessible Documents (estimated reading time is 45 minutes)
- Accessible Documents (estimated reading time is 30 minutes)
- Office Accessibility Tools: Accessibility Checker (estimated viewing time is 3 minutes)
- Web Accessibility Tools List (estimated reading time is 45 minutes)
- Personas – A Simple Introduction (estimated reading time is 10 minutes)
- Book Excerpt: A Web for Everyone (estimated reading and viewing time is 20 minutes)
User Personas y Accesibilidad Aplicable
User PersonaAccesibilidad Aplicable Estudiante investigador con ceguera
- Necesidades: Navegación por teclado, compatibilidad con lectores de pantalla (NVDA/JAWS)
- Objetivos: Acceder a contenido académico y bases de datos - Texto alternativo en imágenes y gráficos
- Estructura semántica en tablas (etiquetas <th>, atributos headers y <caption>)
- Navegación por teclado sin dependencia del mouse
Estudiante con baja visión
- Necesidades: Zoom 200%, contraste alto
- Objetivos: Leer textos e interfaces sin fatiga visual - Contraste mínimo 4.5:1 entre texto y fondo
- Fuentes escalables sin pérdida de funcionalidad
- Evitar tablas complejas (dividir en múltiples si es necesario)
Usuario con dislexia
- Necesidades: Lenguaje claro, fuentes legibles
- Objetivos: Comprender contenido sin sobrecarga cognitiva - Fuentes sans-serif (Arial, OpenDyslexic)
- Espaciado amplio entre líneas y párrafos
- Lenguaje simple y listas estructuradas
Usuario con discapacidad motriz
- Necesidades: Navegación por voz, controles simplificados
- Objetivos: Interactuar con interfaces sin precisión motriz fina - Acceso por teclado/voice commands (ej: Dragon NaturallySpeaking)
- Tamaños de clic amplios en botones y enlaces
- Autocompletado en formularios para reducir errores
Usuario sordo
- Necesidades: Subtítulos y transcripciones
- Objetivos: Acceder a contenido multimedia - Subtítulos sincronizados en videos
- Transcripciones textuales de audio
- Alertas visuales para notificaciones
Usuario con autismo/TDAH
- Necesidades: Predictibilidad, evitar sobrecarga sensorial
- Objetivos: Navegar sin distracciones - Diseño minimalista con jerarquía visual clara
- Evitar animaciones intrusivas o colores brillantes
- Instrucciones paso a paso para tareas complejas
Ajustes para una enseñanza y presentaciones accesibles
Basado en las mejores prácticas de accesibilidad y los documentos analizados, los ajustes clave incluyen:
Diseño de presentaciones inclusivas
Usar plantillas con orden lógico de lectura para que los lectores de pantalla interpreten el contenido en el orden correcto34.
Asignar títulos únicos a cada diapositiva, incluso si están ocultos, para facilitar la navegación de usuarios con discapacidad visual
Evitar tablas complejas o, si son necesarias, especificar encabezados de columnas y usar estructuras simples
Accesibilidad visual y auditiva
Texto alternativo (alt text) en todas las imágenes, gráficos y tablas para describir su contenido a usuarios de lectores de pantalla
Contraste de color adecuado (mínimo 4.5:1) entre texto y fondo, evitando transmitir información solo mediante color
Subtítulos en vídeos y descripciones de audio para personas sordas o con baja visión
Formatos accesibles
Fuentes sans serif de 18+ puntos y espacio en blanco suficiente para mejorar la legibilidad, especialmente para personas con dislexia
Hipervínculos descriptivos (ej: "Guía de accesibilidad PDF" en lugar de "Haz clic aquí")
Materiales en formatos digitales editables (Word/PDF accesible) para compatibilidad con herramientas de asistencia
Ajustes razonables específicos
Flexibilidad en plazos y métodos de evaluación para estudiantes con discapacidad cognitiva o motriz
Herramientas de asistencia tecnológica, como lectores de pantalla (JAWS/NVDA) o software de reconocimiento de voz
Cómo los "user personas" mejoran la accesibilidad
Representar usuarios con discapacidades en el diseño educativo permite:
Identificar barreras específicas:
Persona con discapacidad visual: Necesita compatibilidad con lectores de pantalla y descripciones de imágenes
Persona sorda: Requiere subtítulos sincronizados y transcripciones de audio
Persona con dislexia: Beneficiada de fuentes legibles y contenido segmentado
Diseñar soluciones contextualizadas:
Ejemplo: Para una "user persona" con parálisis cerebral, priorizar controles de navegación por teclado y evitar interacciones que requieran precisión motriz fina.
Ejemplo: Para una "user persona" con autismo, estructurar el contenido con predictibilidad visual y evitar estímulos sensoriales abrumadores.
Validar la eficacia de los ajustes:
Simular cómo interactuarían estas "personas" con los materiales (ej: probar presentaciones usando un lector de pantalla como NVDA).
Ejemplo práctico aplicando ambos enfoques
Si se diseña una presentación sobre diseño gráfico:
Ajuste técnico: Usar el tema "Accesible" de PowerPoint con paleta de alto contraste.
User persona aplicada: Incluir un estudiante daltónico para validar que los gráficos no dependan solo del color (usar patrones/texturas).
Estas estrategias, basadas en los documentos técnicos analizados, garantizan cumplir estándares como la Norma UNE 139803 y principios de Diseño Universal para el Aprendizaje (DUA).
Antes |
Después |
Mejoras
Aplicadas |
"Elementos Principales al
Redactar un Ensayo" (título genérico) |
"Partes principales de un
ensayo" (directo y claro) |
✔️ Título más
corto y preciso. |
"Incluye el título del ensayo, el
nombre del autor, la institución educativa, y la fecha de presentación" (oración larga) |
Portada: |
✔️ Lista con
viñetas para mejor lectura. |
"Presenta el tema y establece el
contexto. Debe captar la atención del lector y plantear la tesis o el
argumento principal" (texto denso) |
Introducción: |
✔️ Divide en
ideas separadas. |
"Esta es la parte más extensa,
que abarca aproximadamente el 80% del ensayo. Aquí se presentan las ideas
principales, argumentos y evidencias que respaldan la tesis. Es crucial que
las ideas estén organizadas y relacionadas entre sí para mantener la
coherencia." (párrafo complejo) |
Desarrollo (la parte más larga, ~80%
del ensayo): |
✔️ Simplifica
cifras ("~80%" vs. "aproximadamente 80%"). |
"Resume los hallazgos y
reflexiones finales. Debe dejar claro el punto de vista del autor y puede
abrir la puerta a futuras investigaciones o preguntas." (abstracto) |
Conclusión: |
✔️ Concreto
("resumen breve" vs. "hallazgos"). |
Repetición de "Enlaces a un sitio
externo" (sin contexto) |
Omitidos (o
reemplazados por ejemplos naturales: "Más tips aquí [enlace]"). |
✔️ Elimina ruido visual. |
Beneficios de los
cambios:
- Más accesible: Cualquier persona
(incluso estudiantes jóvenes) puede entenderlo.
- Visualmente limpio: Menos bloques
de texto y más listas.
- Acción clara: Usa verbos directos
("explica", "organiza", "sugiere").
¿Te gustaría ajustar algo más? Por ejemplo,
¿prefieres un tono más formal o incluir ejemplos concretos? 😊
New chat
Si me gustaria
¡Me alegra que quieras profundizar! Aquí
tienes una versión enriquecida de la tabla, ahora con ejemplos
concretos y ajustes para un tono formal pero claro (ideal
para un entorno académico, pero sin perder sencillez):
Tabla Comparativa Mejorada
(Incluye ejemplos y tono formal
opcional)
Elemento |
Antes (Original) |
Después (Versión
Sencilla) |
Versión Formal +
Ejemplo |
Propósito del
Cambio |
Título |
"Elementos Principales al
Redactar un Ensayo" |
"Partes principales de un
ensayo" |
"Estructura básica de un ensayo
académico" |
✔️ Evita el
gerundio ("redactar") y usa sustantivos claros. |
Portada |
"Incluye el título del ensayo, el
nombre del autor, la institución educativa, y la fecha de presentación" |
Portada: |
Ejemplo: |
✔️ Reduce
redundancias y añade un caso real. |
Introducción |
"Debe captar la atención del
lector y plantear la tesis o el argumento principal" |
Introducción: |
Ejemplo: |
✔️ Reemplaza
lo abstracto ("captar atención") con una muestra concreta. |
Desarrollo |
"Es crucial que las ideas estén
organizadas y relacionadas entre sí para mantener la coherencia." |
Desarrollo: |
Estructura sugerida: |
✔️ Convierte
la teoría en pasos prácticos. |
Conclusión |
"Puede abrir la puerta a futuras
investigaciones o preguntas." |
Conclusión: |
Ejemplo: |
✔️ Transforma
una idea vaga en una acción específica ("analizar políticas"). |
¿Qué más puedes
hacer?
- Añadir transiciones entre secciones:
- "Ahora que hemos visto la introducción, pasemos al
desarrollo...".
- Incluir un tip extra:
- "Usa conectores como ‘en primer lugar’, ‘por otro lado’ o
‘finalmente’ para guiar al lector.".
¿Prefieres que adapte otros elementos (como audiencia o formato)? Por ejemplo:
- ✍️ Para estudiantes de
secundaria: Más analogías ("La tesis es como el mapa de tu
ensayo...").
- 🎓 Para
universidad: Citas de normas APA o MLA.
Comments
Post a Comment