Dirección de Aprendizaje Virtual

Toolkit para
accesibilidad
Primeros pasos para recursos accesibles

1
Este es un documento diseñado para que
los docentes e interesados puedan empezar
a aplicar principios básicos de accesibilidad
digital.

El documento se registró bajo una licencia

Creative Commons de Reconocimiento-
Compartir Igual 4.0 Internacional (CC BY-SA)

Puede ser compartido y adaptado siempre y

cuando el material adaptado se use bajo la
misma licencia de uso.

El toolkit fue creado por Alessandra Glorio y

Miluska Bellido.

Universidad Tecnológica del Perú 2

Índice

Índice........................................................................... 2

Documentos Accesibles......................................... 3

Actividades de Canvas Accesibles...................... 4

Diseño Gráfico Accesible ...................................... 5

Textos Alternativos.................................................. 6

Herramientas Adicionales ..................................... 8

3
Documentos Accesibles

Para crear documentos accesibles se

recomienda aprovechar los programas de
Office, como Word, Power Point y Excel. Sus
funciones de accesibilidad son muy buenas.

SI NO

• Coloca textos alternativos en las imágenes. • Utilices imágenes con textos extensos o
• Usa los encabezados, tablas, listas y
paginación nativos de los programas para
crear documentos de Word, Power Point o
Excel.
• Asegúrate que el texto esté alineado a la
izquierda y se pueda leer fácilmente de
izquierda a derecha.
• Verifica que el contraste de los colores del
texto y su fondo sea mayor a 4.5:1.
• Asegúrate que el lenguaje del documento
sea el que se usa principalmente en el texto.
que sean necesarios para la comprensión del
material.
• Dependas de instrucciones basadas en
direcciones o colores (Ej: “Lee el párrafo
rojo a la izquierda”) para señalar a otros
elementos en la página.
• Incluyas imágenes de fondo o marcas de
agua sobre el texto.
• Uses tablas para diagramar el contenido,
salvo para dar información tabulada.
4
Actividades de Canvas Accesibles

La accesibilidad para actividades y tareas Indicaciones Específicas:

en Canvas se enfoca en permitir que las
indicaciones, instrucciones y materiales
necesarios para las tareas sean usables por
todos los alumnos, en diversas plataformas o
dispositivos.
Indicaciones generales:
• Utiliza indicaciones claras y concisas.
• Divide el texto en párrafos, cada uno con
una idea concreta.
• Explica claramente si la actividad tiene
límites de tiempo, fechas de entregas fijas,
o cualquier otra pauta específica de la tarea.
• Si se trata de un material para leer, el texto
se debe poder seleccionar, NO debe estar
en imágenes o fotocopias. Puedes usar la
siguiente herramienta para convertirlo a
PDF.
• Si se trata de un video, asegúrate que
tengan subtítulos u ofrece, en lo posible, el
guion o transcripción completa en PDF.
• Brinda nombres claros y significativos a los
archivos para descargar.

• Evita utilizar tablas para diagramar el

contenido.

• Siempre trata de ofrecer alternativas a los

archivos y actividades que se requieran
revisar/realizar para los alumnos. Por
ejemplo, usa un audio adicional cuando dejas
una lectura. 5
Diseño Gráfico Accesible

Para crear gráficos accesibles es importante

considerar cómo se usan los elementos
visuales dentro de la composición o interface.

SI
• Planea la estructura del gráfico desde el
inicio.
• Cuida el contraste entre los elementos
principales y el fondo. Debe ser mayor de 4:5
a 1.
• Mantén el orden de lectura de izquierda a
derecha y de arriba a abajo.
• Usa estilos de encabezados o párrafos
consistentes entre sí.
• Prioriza usar texto plano resaltable y no
texto en imagen.
NO
• Uses colores muy similares.
• Utilices tipografías que pueden ser difíciles
de leer.
• Dependas solamente del color para
diferenciar elementos.
• Utilices párrafos grandes de texto dentro
de la gráfica.
• Uses un gráfico donde colocar texto simple
podría ser suficiente.

• Crea descripciones para gráficos que

contengan data o información importante. 6
Textos Alternativos
Los textos alternativos son descripciones
que se agregan a las imágenes usadas en
páginas web o documentos digitales de todo
tipo. Sirven para ofrecer a los usuarios con
discapacidades visuales una explicación de lo
que se encuentra en su pantalla.
Solo es necesario usarlos en imágenes que
el usuario tenga que percibir para poder
entender el contenido de la pieza. Si tenemos
una imagen puramente decorativa, no necesita
un texto alternativo.
Se recomienda:
• Considera cuál es el propósito y la
audiencia de la imagen. ¿Es necesaria, o
decorativa? ¿Está en una página para niños,
jóvenes, adultos?
• Sé sistemático. Empieza por lo general, y
entra a los detalles en orden lógico. Si la
imagen es compleja, puedes describirla por
cuadrantes o siguiendo un orden horario.
• Sé conciso y directo, elimina palabras
innecesarias.
• No des tu interpretación. Solo describe lo
que ves. Si la imagen muestra una persona
sonriendo, no escribas “una persona feliz”,
sino “una persona sonriendo”.
• No es necesario iniciar la descripción con
“Imagen de” o “Gráfica de”. El lector de
pantalla automáticamente anuncia que está
en una imagen sin necesidad de agregarlo.
• No excedas los 200 caracteres. Si se
necesita dar una descripción más larga,
utiliza un archivo alternativo.
• No uses abreviaciones ni enlaces en el texto
alternativo, no se leerán bien ni funcionarán.
7
Textos Alternativos

Por ejemplo, un texto alternativo para esta

imagen podría ser el siguiente:

Un joven mira directamente a su laptop

mientras escribe en el teclado.

Mientras que para un mapa, o un gráfico

estadístico, lo recomendado sería adjuntar
una transcripción o tabla de datos más
elaborada para la imagen y establecer un texto
alternativo que te dirija a esta. Por ejemplo,
para un gráfico de barras:

Texto Alternativo: Figura 1.1

Figura 1.1: Preferencia de encuestados por

diferentes frutas. Tabla de datos adjunta.

Fruta Cantidad de Encuestados

Naranja 15
Fresa 25
Uva 5
Manzana 15
Plátano 20 8
Herramientas Adicionales
Para verificar y entender mejor cómo funciona
la accesibilidad digital, te recomendamos
aprender a usar algunas herramientas y
navegar tus documentos o páginas con ellas.
Las más importantes son:
Lectores de Pantalla:
Un lector de pantalla permite usar una
computadora (o smartphone) solamente con
el teclado (o las manos). El LdP lee en voz alta
lo que aparece en la pantalla, permitiendo
que un usuario que no puede verla la utilice
normalmente. Te invitamos a instalar y
aprender a utilizar un lector de pantalla para
utilizar tu PC. Recomendamos:
• Para Windows: NVDA, JAWS o Windows
Narrator.
• Para MAC: Apple VoiceOver o NVDA.
• Para Android y IOS: Revisa la configuración
de Accesibilidad y activa el lector incluido.
Captioners:
Un captioner es un programa que escucha el
habla de una o varias personas y redacta las
palabras que escucha para que sean vistas
en la pantalla. Esto permite una especie de
subtítulo en vivo para una conversación,
y es especialmente útil para personas con
discapacidades auditivas. ¡Son muy buenas
para videoconferencias y reuniones! Puedes
usar:
• Web captioner para el navegador.
• Captions en Zoom.
• Captions en Google Meet.
• Captions en Microsoft Teams (sólo en Inglés).
Revisor de contraste:
Un revisor de contraste compara dos colores
9
distintos y encuentra el radio de contraste que
Herramientas Adicionales

Centro de Accesibilidad Microsoft Office

existe entre ambos. Si el radio es mayor de
4:5 a 1, se considera accesible.
• Tanaguru Contrast Checker: Ofrece
alternativas en caso los colores comparados
no sean accesibles.
Los programas de Office tienen varias
funciones que facilitan la creación de
documentos accesibles, y cuentan con más
funciones en toda su suite de productos 365
compatibles con tecnologías de asistencia.

• Office 365 accesible

• Contrast Checker: Indica el nivel de
cumplimiento de los colores ingresados.
• Hacer contenido accesible con Office
(videotutoriales)
Accesibilidad para Web W3C

La W3C es una asociación de diseño web

accesible, que ofrece guias y lineamientos
universales sobre cómo aplicar la accesibilidad
dentro de aplicaciones o páginas web.

• Introducción a la Accesibilidad Web

• Principios de Accesibilidad

10
11