# 6.1 Punto de partida: ¡Pon las cosas fáciles!

### 7 pautas generales aplicables a todo contenido digital

Antes de profundizar en el vasto mundo de los recursos de la accesibilidad vamos a proponer **unas pautas** que podemos acostumbrarnos a **aplicar en nuestro contenido digital diariamente**. Podemos hacer **cambios sutiles y específicos** que mejoren notablemente la accesibilidad de nuestro contenido digital.

[![moses-prince.gif](https://libros.catedu.es/uploads/images/gallery/2023-09/moses-prince.gif)](https://libros.catedu.es/uploads/images/gallery/2023-09/moses-prince.gif).gif Moses Prince GIF por [TKusek vía Tenor.com](https://tenor.com/view/moses-prince-of-egypt-gif-18018926)

A continuación enumeramos 7 pautas que podemos seguir a la hora de crear nuestro contenido educativo digital:

1. **Uso adecuado de texto:** Debemos asegurarnos de que el texto que compartimos en nuestras publicaciones o tareas sea **claro y legible**. Utiliza **fuentes de tamaño adecuado** y e**vita fondos o colores de texto que dificulten la lectura**. Opta por **contrastes de color adecuados** para que el texto resalte.
2. **Hashtags descriptivos**: Utiliza hashtags descriptivos relacionados con el tema de tu contenido. Esto **facilitará a las personas encontrar tu contenido** y te permitirá llegar a audiencias interesadas en el tema específico.
3. **Imágenes con descripciones:** Si compartes imágenes, agrega una **descripción o texto alternativo que describa el contenido de la imagen**. Esto permitirá que las personas con discapacidad visual comprendan la imagen a través de lectores de pantalla u otros dispositivos.
4. **Videos con subtítulos:** Si compartes videos, asegúrate de **agregar subtítulos o transcripciones** para hacer el contenido más accesible para personas con discapacidad auditiva. Muchas plataformas de redes sociales ofrecen herramientas para agregar subtítulos automáticamente.
5. **Lenguaje claro y conciso:** Utiliza un **lenguaje sencillo y claro** en tus publicaciones. **Evita jergas o tecnicismos** que puedan dificultar la comprensión para algunas personas.
6. **Enlaces descriptivos:** Cuando compartas enlaces, **utiliza textos descriptivos en lugar de enlaces genéricos como "clic aquí"**. Esto ayudará a las personas a comprender a dónde los llevará el enlace sin tener que leer todo el contexto.
7. **Interactividad accesible:** Si compartes contenido interactivo, asegúrate de que sea accesible para personas con discapacidades motoras o visuales. Por ejemplo, **utiliza botones grandes y fáciles de seleccionar** y proporciona instrucciones claras.

<p class="callout success">Tras estas primeras 7 pautas generales queremos hacer un desglose según el medio que estemos utilizando, **haciendo hincapié en la percepción, en la navegación y en la comprensión**. Estas pautas nos las proponen desde el **libro CATEDU [CDD B2 Sociolingüítico](https://libros.catedu.es/books/b2-sociolinguistico-area-5-empoderamiento-de-los-estudiantes/page/518-orientaciones-en-la-creacion-y-utilizacion-de-recursos-digitales)**. Alguna de estas pautas se reiteran con las ya nombradas, pero es de importancia destacarlas dentro de la clasificación desde dichos puntos de vista.   
</p>

Cualquier tarea, actividad o ejercicio que realicemos debe tener en cuenta los siguientes elementos:

<details id="bkmrk-alternativas-para-la"><summary>Alternativas para la percepción en la creación de recursos digitales</summary>

**Texto alternativo en imágenes**: Agrega descripciones o texto alternativo a las imágenes utilizando el atributo "alt" en HTML. Esto permite que las personas con discapacidad visual entiendan el contenido de las imágenes mediante lectores de pantalla u otros dispositivos.

**Crea vídeos con subtítulos** (puedes usar [subtittle-horse](https://subtitle-horse.com/)), o permite la transcripción de los mismos, por ejemplo con youtube. Si el vídeo ya es una alternativa a un texto, no será tan necesaria su transcripción.

**Ofrece contrastes adecuados entre forma y fondo**.

**Presenta el texto con alineación izquierda**. La justificación no deja igual espacio entre palabras y puede ser un elemento distractor. Además, para evitar saturación de líneas utiliza un interlineado superior al sencillo, recomendado (1,5). El tipo de letra se recomienda que no tenga demasiadas ornamentaciones y es preferible que uses un tamaño de letra de entre 12 y 18.

**Ofrece una narración en podcast como alternativa en audio** para el texto escrito.

Si utilizas infografías, ten en cuenta que pueden resultar difíciles de entender, **numera los elementos para facilitar el orden de la lectura** y ten en cuenta otras pautas que encontrarás en el documento: “[Cómo hacer infografías fáciles de entender](https://www.plenainclusion.org/publicaciones/buscador/guia-como-hacer-infografias-faciles-de-entender/)” (puedes clickar [aquí para descargar el documento directamente.](https://www.plenainclusion.org/wp-content/uploads/2021/03/como_hacer_infografias_faciles_de_entender.pdf))

</details><details id="bkmrk-alternativas-para-na"><summary>Alternativas para navegar por páginas web o documentos digitales</summary>

**<span dir="ltr" role="presentation">Crea una</span> <span dir="ltr" role="presentation">estructura organizada</span> <span dir="ltr" role="presentation">en títulos y subtítulos </span>**<span dir="ltr" role="presentation">**marcados**. Esto permite que los navegadores para personas</span>  
<span dir="ltr" role="presentation">con discapacidad visual puedan ir saltando entre títulos y </span><span dir="ltr" role="presentation">llegar a la parte deseada. Además, se resuelve la barrera de la </span><span dir="ltr" role="presentation">comprensión global del texto.</span>

<span dir="ltr" role="presentation">Cuando añadas un enlace o hipervínculo,</span> **<span dir="ltr" role="presentation">evita el uso</span> <span dir="ltr" role="presentation">de </span>**<span dir="ltr" role="presentation">**expresiones que tan sólo sean “Pinchar aquí.” o “En este enlace.”** ya que a </span><span dir="ltr" role="presentation">los sintetizadores de voz para personas ciegas no les aporta </span><span dir="ltr" role="presentation">ninguna información. Eliminamos esta barrera si usamos un </span><span dir="ltr" role="presentation">título descriptivo.</span>

**<span dir="ltr" role="presentation">Elige que los enlaces se abran en la</span>** **<span dir="ltr" role="presentation">misma página</span>**<span dir="ltr" role="presentation">. Si se </span><span dir="ltr" role="presentation">abren en pestañas diferentes algunos alumnos/as tendrán </span><span dir="ltr" role="presentation">problemas para volver a la página en la que estaban. **Da** </span><span dir="ltr" role="presentation">**indicaciones para que usen la opción “volver atrás”** en su </span><span dir="ltr" role="presentation">navegador.</span>

<span dir="ltr" role="presentation">Al diseñar actividades en entornos virtuales de aprendizaje, </span>**<span dir="ltr" role="presentation">debes asegurarte que ofreces un</span>** **<span dir="ltr" role="presentation">tiempo suficiente</span> <span dir="ltr" role="presentation">para que </span>**<span dir="ltr" role="presentation">**la actividad pueda ser resuelta** por todas las personas.</span>

**<span dir="ltr" role="presentation">Evitar menús desplegables automáticos</span> <span dir="ltr" role="presentation">que requieran situar y mantener el ratón por </span>**<span dir="ltr" role="presentation">**encima**, pues algunas personas con problemas de motricidad </span><span dir="ltr" role="presentation">pueden tener dificultades para mantener el cursor.  
</span>

<span dir="ltr" role="presentation">**Etiquetado adecuado: Utiliza etiquetas HTML adecuadas para estructurar correctamente el contenido.** Por ejemplo, utiliza etiquetas de encabezado (h1, h2, etc.) para títulos y subtítulos, etiquetas de lista para listas y etiquetas de párrafo para párrafos de texto. Esto ayuda a los lectores de pantalla y otros dispositivos a comprender la estructura del contenido.  
</span>

**Tamaño de fuente ajustable: Permite que los usuarios puedan ajustar el tamaño de fuente según sus preferencias**. Esto ayuda a personas con dificultades visuales o que requieren un tamaño de fuente más grande para leer cómodamente. **También hay plataformas que permiten cambiar entre tipos de fuente** (sin serifa, u OpenDyslexic)**.**

</details><details id="bkmrk-alternativas-que-fav"><summary>Alternativas que favorecen la comprensión de la información</summary>

**<span dir="ltr" role="presentation">Es importante que dejes muy claro a los alumnos/as qué es </span>**<span dir="ltr" role="presentation">**lo que esperamos de ellos en cada tarea propuesta.** Para ello </span><span dir="ltr" role="presentation">te proponemos que en cada tarea adjuntes enlaces, cuadros </span><span dir="ltr" role="presentation">informativos, llamadas o pestañas que aporten información </span><span dir="ltr" role="presentation">adicional. Puedes hacerlo con una rúbrica utilizando un lenguaje </span><span dir="ltr" role="presentation">comprensible para todos (es mejor evitar estándares o criterios </span><span dir="ltr" role="presentation">normativos), una</span> <span dir="ltr" role="presentation">**guía de pasos o autoinstrucciones**</span> **<span dir="ltr" role="presentation">que </span><span dir="ltr" role="presentation">secuencien las tareas propuestas.</span>**

<span dir="ltr" role="presentation">**Si usas iconos o elementos visuales** para generar tipos de </span><span dir="ltr" role="presentation">actividades o partes de la actividad, **incluye al principio de la** </span><span dir="ltr" role="presentation">**página una leyenda informativa** orientando sobre su uso.</span>

<span dir="ltr" role="presentation">**Contraste de color adecuado**: Utiliza combinaciones de **colores con alto contraste para garantizar que el texto sea legible** para personas con discapacidad visual o dificultades de visión. Evita combinar colores similares que dificulten la lectura.</span>

**<span dir="ltr" role="presentation">Añade opciones</span><span dir="ltr" role="presentation">, ventanas de diálogo, bocadillos u otros </span>**<span dir="ltr" role="presentation">**elementos** que aporten una información adicional a palabras o </span><span dir="ltr" role="presentation">expresiones que pueden resultar complejas de entender.</span>

**<span dir="ltr" role="presentation">Sírvete de los principios de la</span> <span aria-owns="pdfjs_internal_id_85R" dir="ltr">[lectura fáci](https://www.youtube.com/watch?v=gbPXbMo7NiQ&feature=emb_logo)l</span>** <span dir="ltr" role="presentation">**\[AFS1\]** (se puede </span><span dir="ltr" role="presentation">conocer más sobre este concepto en el [vídeo “Lectura fácil, ](https://www.youtube.com/watch?v=gbPXbMo7NiQ)</span><span dir="ltr" role="presentation">[solución de accesibilidad cognitiva”](https://www.youtube.com/watch?v=gbPXbMo7NiQ)) y algunas características </span><span dir="ltr" role="presentation">de lo que ella supone: uso de **lenguaje claro y conciso**, con un </span><span dir="ltr" role="presentation">**vocabulario sencillo**, que puede ir **acompañado de iconos,** e </span><span dir="ltr" role="presentation">incluso ofrecer la misma información en diferentes soportes </span><span dir="ltr" role="presentation">(texto, audio, imagen...).</span>

<span dir="ltr" role="presentation">Además, es interesante</span> **<span dir="ltr" role="presentation">complementar</span> <span dir="ltr" role="presentation">las explicaciones textuales </span>**<span dir="ltr" role="presentation">**con un organizador gráfico** que sintetice lo más relevante </span><span dir="ltr" role="presentation">(esquema, resumen, mapa conceptual o similar con lo esencial).</span>

</details><p class="callout info">Para ampliar la información, en [este documento .pdf ](https://www.plenainclusion.org/publicaciones/buscador/guia-de-orientaciones-para-el-uso-de-tecnologia-en-la-docencia/)**[*Orientaciones para el uso de la tecnología en la docencia*](https://www.plenainclusion.org/publicaciones/buscador/guia-de-orientaciones-para-el-uso-de-tecnologia-en-la-docencia/) creado por Antonio Márquez, Mábel Vilaescusa y Pernan Goñi Olade** de la organización **Plena Inclusión** puedes consultar diferentes características a aplicar, así como nociones muy importantes en nuestra labor docente, uso de diferentes apps según las necesidades, etc.  
En la siguiente imagen podéis ver una previsualización del índice de esta guía.[![imagen.png](https://libros.catedu.es/uploads/images/gallery/2023-09/scaled-1680-/3dNimagen.png)](https://libros.catedu.es/uploads/images/gallery/2023-09/3dNimagen.png)  
Captura de pantalla del documento realizada por Elena I. Moncayo  
</p>