# B. Accesibilidad en textos digitales.

<span style="font-weight: 400;">En este apartado nos vamos a centrar en los documentos con contenidos de tipo imagen y texto. En este caso, debemos de considerar que las opciones de accesibilidad que utilizamos al crear este tipo de contenidos va a condicionar en gran medida las estrategias que los usuarios podrán utilizar para acceder a los mismos, por ejemplo, el alumnado que utilice un **lector de pantalla**  puede beneficiarse de que el texto sea accesible digitalmente, utilizando algunas de las siguientes pautas. </span>

#### <span style="font-weight: 400;">1. Tablas y listas.</span>

<span style="font-weight: 400;">En primer lugar, debemos de tener en cuenta cómo puede afectar a nuestro alumnado el uso regular o irregular de tablas y listas. Aquellos alumnos o alumnas que utilizan lectores de pantalla por tener baja visión o ceguera, podrán leer bien una tabla, si cada celda y cada columna se organizan de forma regular:</span>

<table id="bkmrk-sesi%C3%B3n%C2%A0-tarea-fecha-"><tbody><tr><td><span style="font-weight: 400;">Sesión </span>

</td><td><span style="font-weight: 400;">Tarea</span>

</td><td><span style="font-weight: 400;">Fecha de entrega</span>

</td></tr><tr><td><span style="font-weight: 400;">Sesión 1</span>

</td><td><span style="font-weight: 400;">Crear una línea del tiempo del 2001 al 2021</span>

</td><td><span style="font-weight: 400;">7/05/2022</span>

</td></tr><tr><td><span style="font-weight: 400;">Sesión 2</span>

</td><td><span style="font-weight: 400;">Añadir elementos históricos relevantes </span>

</td><td><span style="font-weight: 400;">09/05/2022</span>

</td></tr><tr><td><span style="font-weight: 400;">Sesión 3</span>

</td><td><span style="font-weight: 400;">Enviar la línea del tiempo para su corrección</span>

</td><td><span style="font-weight: 400;">12/05/2022</span>

</td></tr></tbody></table>

<span style="font-weight: 400;">En este caso, podemos definir la posición de cada celda, numerando su fila y su columna. Sin embargo, si modificamos la misma tabla, combinamos celdas, etc… será más difícil para aquellos alumnos con necesidad de usar ayudas técnicas, poder acceder a dicha información:</span>

<table id="bkmrk-sesi%C3%B3n%C2%A0-tarea-fecha--0"><tbody><tr><td><span style="font-weight: 400;">Sesión </span>

</td><td><span style="font-weight: 400;">Tarea</span>

</td><td><span style="font-weight: 400;">Fecha de entrega</span>

</td></tr><tr><td><span style="font-weight: 400;">Sesión 1</span>

</td><td><span style="font-weight: 400;">Crear una línea del tiempo del 2001 al 2021</span>

</td><td rowspan="2"><span style="font-weight: 400;">7/05/2022</span>

  
</td></tr><tr><td><span style="font-weight: 400;">Sesión 2</span>

</td><td><span style="font-weight: 400;">Añadir elementos históricos relevantes </span>

</td></tr><tr><td><span style="font-weight: 400;">Sesión 3</span>

</td><td><span style="font-weight: 400;">Enviar la línea del tiempo para su corrección</span>

</td><td><span style="font-weight: 400;">12/05/2022</span>

</td></tr></tbody></table>

<span style="font-weight: 400;">También puede resultar de gran ayuda añadir una **descripción previa a la tabla**, indicando la relación entre sus contenidos: “En la siguiente tabla podrás encontrar las tareas que se enviarán en cada sesión, además de su fecha de entrega: Elige por tanto una sesión en la tabla en la primera columna. En la misma fila encontrarás la tarea asociada y su fecha de entrega”.</span>

Aquí puedes ampliar información y entender cómo se comporta un lector de pantalla, en este caso, el lector JAWS, uno de los más utilizados por la ONCE:

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="https://www.youtube.com/embed/eNXsNOTmZAA?start=68" title="YouTube video player" width="560"></iframe>

El **lector de pantalla JAWS**, lee lo que aparece seleccionado en ese momento en pantalla mediante el teclado. El usuario puede moverse por el sistema operativo utilizando distintos comandos de teclado y escuchando el lector. Puede configurarse el idioma, velocidad de lectura, entre otros. En el caso de ordenadores con S.O. Vitalinux, el programa utilizado es ORCA

#### <span style="font-weight: 400;">2. Fuente</span>

<span style="font-weight: 400;">Uno de los aspectos más importantes a considerar a la hora de crear materiales digitales, es el uso de las distintas fuentes que existen. </span><span style="font-weight: 400;">En textos electrónicos, **se recomienda utilizar fuentes sin**</span>*<span style="font-weight: 400;"> **serifa**.</span>*<span style="font-weight: 400;"> En la siguiente imagen, encontramos rodeadas algunas de las serifas de los siguientes caracteres:</span>

[![SERIFA.png](https://libros.catedu.es/uploads/images/gallery/2022-11/scaled-1680-/serifa.png)](https://libros.catedu.es/uploads/images/gallery/2022-11/serifa.png)

Podemos comprobar aquí la diferencia entre dos fuentes, una con serifa y otra sin serifa:

[![fuentes con sin serifa.png](https://libros.catedu.es/uploads/images/gallery/2022-11/scaled-1680-/fuentes-con-sin-serifa.png)](https://libros.catedu.es/uploads/images/gallery/2022-11/fuentes-con-sin-serifa.png)

- <span style="font-weight: 400;">La serifa o remate suele dificultar la lectura a personas con baja visión. Además, algunas fuentes como Arial, no permiten diferenciar ciertos caracteres como L minúscula y i Mayúscula, por lo que será preferible utilizar fuentes como Verdana. </span>
- <span style="font-weight: 400;">Por otra parte, el uso de negrita y cursiva, puede dificultar la lectura </span><span style="font-weight: 400;">a personas con baja visión</span><span style="font-weight: 400;">. </span>
- <span style="font-weight: 400;">En cuanto al tamaño, se recomienda utilizar 12 puntos en adelante. </span>
- <span style="font-weight: 400;">También se recomienda el uso de textos alineados a la izquierda, ya que al justificar el texto</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">los espacios en blanco que se generan entre palabras pueden también dificultar la lectura a personas con baja visión. <span style="text-decoration: underline;">Justificar el texto por tanto no se recomienda.</span></span>

<span style="font-weight: 400;">Texto justificado:</span>

<span style="font-weight: 400;">Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. Este es un ejemplo de texto justificado. </span>

<span style="font-weight: 400;">Texto sin justificar:</span>

<span style="font-weight: 400;">Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. Este es un ejemplo de texto sin justificar. </span>

#### <span style="font-weight: 400;">3. Contraste.</span>

<span style="font-weight: 400;">El contraste entre el texto y el fondo debe ser el máximo. Algunas personas, además, necesitan textos en blanco sobre fondo negro para una correcta lectura, u otras combinaciones de colores en función de su tipo de visión.</span>

<span style="font-weight: 400; background-color: #000000; color: #ecf0f1;">Es por tanto importante conocer las necesidades específicas de nuestro alumnado con baja visión. </span>

<span style="font-weight: 400; color: #f1c40f; background-color: #000000;">PARA PODER ADAPTAR LOS TEXTOS Y/O SISTEMAS OPERATIVOS A LA OPCIÓN QUE MÁS BENEFICIE AL ALUMNO/A.</span>

#### <span style="font-weight: 400;">4. Estilos.</span>

<span style="font-weight: 400;">El uso de **estilos predeterminados** va a ayudar a nuestro alumnado a entender las jerarquías propias del texto. Para aquellos alumnos o alumnas que necesiten cambiar el formato o estilo de fuente, etc., mantendrá dicha jerarquía, siendo por tanto un documento versátil y accesible.</span>

<span style="font-weight: 400;">Cuando hablamos de estilo, en un procesador de texto, nos referimos a una configuración predeterminada de fuente, tamaño de letra, color, etc. que incluye además distintas categorías o niveles: Título 1, Título 2, etc. </span>

#### <span style="font-weight: 400;">5. Enlaces.</span>

<span style="font-weight: 400;">El uso de enlaces nos dirige de un documento a otro en Internet. Necesitamos considerar varios aspectos para considerar la accesibilidad de los enlaces o hipervínculos:</span>

- <span style="font-weight: 400;">Tener en cuenta a aquellos alumnos y alumnas que no utilizan el ratón. (¿Se puede acceder por tanto con las teclas Tab y Enter?).</span>
- <span style="font-weight: 400;">**Considerar si son fáciles de reconocer para quienes no pueden ver la pantalla**. El texto del hipervínculo deberá contener información sobre la página a la que redirige, además de indicar que se trata de un hipervínculo (“[Pinchar aquí para abrir WEB CATEDU en otra ventana](https://catedu.es/ "WEB CATEDU")”).</span>

#### <span style="font-weight: 400;">6. Tabla de contenidos o Índice.</span>

<span style="font-weight: 400;">En caso de crear listas o índice automático, el hecho de insertarlas con la herramienta adecuada del procesador de texto, permite al usuario moverse y acceder a los distintos apartados y subapartados directamente, bien clicando o con el tabulador, sin tener que leer cada una de las páginas del documento. </span>

<span style="font-weight: 400;">Tutorial para insertar lista o índice en distintas herramientas:</span>

<span style="font-weight: 400;">- [En Microsoft Word](https://www.youtube.com/watch?v=kvomMdjAdKk "Crear índice automático en Microsof Word")</span>

[<span style="font-weight: 400;">- En Libre Office Writer</span>](https://www.youtube.com/watch?v=C6_rRqsZwuI "Tutorial insertar índice automático o lista en Libre Office Writer")

[<span style="font-weight: 400;">-En Google Docs</span>](https://www.youtube.com/watch?v=aWJh6RAM8sg "Tutorial insertar índice automático en Google Docs")

#### <span style="font-weight: 400;">7. Uso de imágenes con texto. </span>

<span style="font-weight: 400;">Nos encontramos ante una opción poco accesible, ya que los usuarios que hagan uso de un lector de pantalla o que suelan modificar las fuentes, contrastes, etc. no van a poder acceder a este contenido. Además, puede presentar problemas de pixelación, codificación mediante color, etc. </span>

<span style="font-weight: 400;">Va a ocurrir lo mismo si insertamos tablas en formato de imagen. No podrán ser leídas por herramientas de lectura de pantalla, tendrán dificultad para ser ampliadas, entre otras dificultades.</span>

[![Ejemplo de texto como imagen](https://libros.catedu.es/uploads/images/gallery/2022-10/image-1666454046346.gif)](https://libros.catedu.es/uploads/images/gallery/2022-10/image-1666454046346.gif)

<table id="bkmrk-sesi%C3%B3n%C2%A0-tarea-fecha--1" style="width: 92.841%;"><tbody><tr><td class="align-center" style="width: 16.372%;"><span style="font-weight: 400;">Sesión </span>

</td><td class="align-center" style="width: 59.5492%;"><span style="font-weight: 400;">Tarea</span>

</td><td class="align-center" style="width: 24.237%;"><span style="font-weight: 400;">Fecha de entrega</span>

</td></tr><tr><td class="align-center" style="width: 16.372%;"><span style="font-weight: 400;">Sesión 1</span>

</td><td class="align-center" style="width: 59.5492%;"><span style="font-weight: 400;">Crear una línea del tiempo del 2001 al 2021</span>

</td><td class="align-center" style="width: 24.237%;"><span style="font-weight: 400;">7/05/2022</span>

</td></tr><tr><td class="align-center" style="width: 16.372%;"><span style="font-weight: 400;">Sesión 2</span>

</td><td class="align-center" style="width: 59.5492%;"><span style="font-weight: 400;">Añadir elementos históricos relevantes </span>

</td><td class="align-center" style="width: 24.237%;"><span style="font-weight: 400;">09/05/2022</span>

</td></tr><tr><td class="align-center" style="width: 16.372%;"><span style="font-weight: 400;">Sesión 3</span>

</td><td class="align-center" style="width: 59.5492%;"><span style="font-weight: 400;">Enviar la línea del tiempo para su corrección</span>

</td><td class="align-center" style="width: 24.237%;"><span style="font-weight: 400;">12/05/2022</span>

</td></tr></tbody></table>

Esta segunda tabla, se puede leer con un lector de pantalla como JAWS, puede seleccionarse y copiar la información adecuada, permite modificar la fuente al copiarlo, etc. En general, es una opción más accesible que la primera.

#### 8. El texto alternativo.

<span style="font-weight: 400;">Los procesadores de texto, permiten normalmente asociar un texto alternativo a cada imagen. El texto alternativo es una adaptación de las imágenes que permitirá el acceso a aquellas personas que no puedan acceder por problemas de conexión, a quienes no puedan ver la imagen, a quienes prefieran una descripción o una escucha del mismo.</span>

<span style="font-weight: 400;">En la siguiente imagen se ha añadido una descripción como texto alternativo:</span>

[![Descripción de la imagen: Paisaje urbano en la ciudad de Berlín en el que aparece un tranvía con varios edificios de fondo y algunas personas en la calle.](https://libros.catedu.es/uploads/images/gallery/2022-10/scaled-1680-/image-1666455268347.jpg)](https://libros.catedu.es/uploads/images/gallery/2022-10/image-1666455268347.jpg)

[Pexels](https://www.pexels.com/es-es/ "Pexels"). Carlos Pernalete Tua ([CC BY-SA](http://creativecommons.org/licenses/?lang=es))

[Haz clic aquí ](https://support.microsoft.com/es-es/office/agregar-texto-alternativo-a-formas-im%C3%A1genes-gr%C3%A1ficos-gr%C3%A1ficos-smartart-u-otros-objetos-44989b2a-903c-4d9a-b742-6a75b451c669)para abrir una guía sobre cómo insertar texto alternativo en M. Word

[Haz clic aquí](https://wiki.documentfoundation.org/Accessibility/Creating_Accessible_LibreOffice_Files#How_to_add_alternative_descriptions_to_images_in_a_document) para abrir una guía sobre cómo insertar texto alternativo en Libre Office Writer

#### 9. Texto matemático.

<span style="font-weight: 400;">En este caso tan específico, se suele recurrir al uso de imágenes ya que el diseño de algunas fórmulas matemáticas es bidimensional. Esto supone una barrera de acceso a dichas fórmulas para los alumnos y alumnas que necesitan ampliar la fórmula o escucharla. Para ello, podemos utilizar editores matemáticos como MathML, WYSIWYG, Wiris en el caso de HTML. </span>

<span style="font-weight: 400;">Para procesadores de texto, es necesario editar las expresiones matemáticas mediante el editor de fórmulas incluido en el procesador de textos.</span>

[Haz clic aquí](https://support.microsoft.com/es-es/office/escribir-una-ecuaci%C3%B3n-o-una-f%C3%B3rmula-1d01cabc-ceb1-458d-bc70-7f9737722702) para abrir una guía sobre cómo insertar texto matemático en M. Word

[Haz clic aquí](https://documentation.libreoffice.org/assets/Uploads/Documentation/es/GS62/PDF/GS6209-PrimerosPasosConMath.pdf) para abrir una guía sobre cómo insertar texto matemático en Libre Office Writer