© universidad europea de monterrey

1

—

© Universidad Europea de Monterrey

Nota Técnica preparada por Universidad Europea de Monterrey. Su difusión, reproducción o uso total o parcial para cualquier otro propósito queda prohibida. Todos los derechos reservados.

Índice 1 Introducción ...................................................................................................................................................................... 3

2 Formación e-learning para Todos .................................................................................................................... 3

2.1 Principios de WCAG: ..................................................................................................................................... 4

2.2 Pautas del WCAG ........................................................................................................................................... 4

3 Accesibilidad en LMS más Actuales ............................................................................................................... 6

3.1 Creando contenidos accesibles en Moodle ................................................................................ 6

4 Accesibilidad en otras Herramientas: Word ............................................................................................ 10

4.1.1 Pautas para crear documentos accesibles: ................................................................. 11

5 Herramientas de Validación ................................................................................................................................ 15

6 Conclusiones.................................................................................................................................................................. 16

7 Bibliografía ....................................................................................................................................................................... 17


Objetivos

Los objetivos de esta clase son:

• Capacitar a docentes para la creación de todo tipo de materiales para la educación de una manera accesible.

• Crear conciencia sobre la necesidad de diseñar los materiales de manera accesible.

• Adquirir destreza en el empleo de herramientas para la creación y revisión de recursos digitales accesibles.

1 Introducción

Hasta aquí hemos ido analizando las características de la escuela inclusiva y cómo a través de los medios que encontramos en la red podemos ofrecer distintas alternativas a nuestros alumnos que garantizan un diseño universal del aprendizaje. Pero en esta unidad vamos a trabajar directamente nuestros propios materiales. Vamos a conocer cómo tenemos que trabajar nuestros materiales para hacerlos totalmente accesibles.

2 Formación e-learning para Todos

En formación e-learning, una meta para garantizar un correcto aprovechamiento de los recursos ofrecidos a todos los alumnos es que los LMS y materiales con los que se trabaja sean 100% accesibles y usables por todos los alumnos.

En este sentido cualquier herramienta o recurso que se cree para educación debería cumplir con Web Content Accessibility Guidelines (WCAG) que contiene una parte de las directrices de accesibilidad web que han sido publicados por la Web Accessibility Initiative (Iniciativa de Accesibilidad Web, WAI) y que forma parte del World Wide Web Consortium (W3C). Esta guía WCAG se organiza en base a 4 principios teóricos para garantizar el acceso a los contenidos y a partir de estos principios se ha llegado a establecer una serie de pautas aplicables a todos los contenidos desarrollados en entornos web.


2.1 Principios de WCAG:

El primer principio hace referencia a que los documentos digitales deben ser “perceptibles” a uno o más de los sentidos de las personas. Es decir, deben ser “visibles” por cualquier persona independientemente de sus características (por ejemplo, personas ciegas o con baja visión deberían poder acceder al contenido visual de una manera alternativa).

El segundo principio se refiere al grado de “operabilidad” que se tiene con los contenidos. Este principio se materializa en que cualquier usuario debe poder interactuar con cualquier material sin problema. Un ejemplo de cómo se puede cumplir con este principio lo encontramos en los sistemas de navegación de los sitios web; si el sistema es claro, correcto y accesible los usuarios podrán moverse por el sitio de manera sencilla, visitar diferentes páginas, volver al punto de partida sin problema.

El tercer principio es que el contenido deberá ser comprensible para todos los usuarios tanto en lo que afecta a la información como a la interacción con ellos. Una web comprensible permite a los usuarios identificar el idioma del sitio y además proporciona mecanismos para identificar abreviaturas, palabras inusuales, etc.

El cuarto principio hace referencia a que el contenido debe ser “robusto” y permite ser leído por diferentes lectores, tecnologías de asistencia, etc.

2.2 Pautas del WCAG

A partir de los principios que se han definido anteriormente se han concretado una serie de pautas de Accesibilidad para el Contenido Web. Estas pautas ofrecen recomendaciones muy interesantes de cómo crear contenidos web accesibles. A continuación, se exponen brevemente las más importantes:

• Incluir texto alternativo para imágenes: Es importante que las imágenes y gráficos ofrezcan información alternativa en texto de cara a que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple.

• Contenido Adaptable: Permitir que el contenido se pueda presentar de diferentes maneras, simplificando el contenido sin perder el significado, presentándolo de forma alternativa, etc.

• Contenido Distinguible: Algunos de los problemas para acceder a la información se refieren a la dificultad para percibir el significado del contenido, percibir el color, la forma, etc. Estas personas necesitan que los contenidos se presenten de manera adecuada para que puedan distinguirlos por sí mismos o con ayuda de


sus apoyos, que se presenten con contrastes altos, textos de mayor tamaño, etc. Algunas pautas son:

- No usar texto puesto como una imagen,

- Que los colores de las fuentes tipográficas no sean el único medio para transmitir significado (Por ejemplo, algunas veces se marca la importancia de una idea con el color rojo y esto es un error porque un lector no puede interpretar que hemos querido dar mayor importancia a los textos marcados en rojo).

- Facilitar que haya un contraste adecuado entre el primer plano y el fondo para facilitar una correcta lectura.

- Permitir que el texto sea ampliado.

- Si el contenido tiene fórmulas matemáticas, incorporar lenguajes como MathML para escribirlas ya que está soportado por la mayoría de las tecnologías de asistencia y de esta manera se permite su correcta lectura.

- Crear documentos claramente estructurados con encabezados y secciones diferenciadas para que puedan ser leídos por los lectores de manera correcta y ordenada.

- Cuando el contenido se presenta a través de audio o vídeo, es necesario que tenga controles adecuados para poder manipular el sonido/vídeo.

• Accesible con teclado: Es necesario que los contenidos digitales puedan manipularse simplemente con teclado puesto que muchas tecnologías no ejecutan comandos de ratón.

• Tiempo suficiente: Facilitar a los usuarios el tiempo necesario para interactuar con el contenido. Para ello se facilitarán herramientas para pausar, apagar, detener, ocultar, etc.

• Navegable: En este punto tenemos que ponernos en el papel de una persona con problemas de visión, o una persona con déficit de atención, dislexia, etc. Todos ellos tienen mayores dificultades para leer documentos largos y por tanto es necesario que estos les permitan estructurar la información de manera correcta, dividiendo el documento en secciones con diferentes niveles donde se pueda navegar por la información de manera sencilla.

• Legible: en este punto las pautas indican que es necesario especificar el idioma en el que se ha redactado el documento. Y también ofrecer alternativas de comprensión para aquellas palabras poco usuales, abreviaturas, jerga, etc.


• Predecible: esta pauta aboga por la familiaridad de la navegación y el uso de los sitios de tal manera que sea predecible, con una navegación coherente, funcional, etc.

• Compatible: El contenido debe ser compatible con las tecnologías que tenemos ahora mismo y por las futuras para ello es necesario que se en su diseño se respeten los estándares.

3 Accesibilidad en LMS más Actuales

La plataforma de código abierto más utilizada a nivel mundial es Moodle. Un s istema que está en continua evolución y crecimiento. Moodle tiene múltiples formas de configuración, habilitando y deshabilitando módulos, plugin, herramientas, etc. Y al ser una herramienta Open Source y estar mantenida por un equipo multidisciplinar se encuentra en constante mejora y actualización en pro de posicionarse como el LMS más accesible del mercado. En el diseño de Moodle, se han seguido las siguientes directrices que garantizan un alto grado de accesibilidad:

• En su desarrollo Moodle ha seguido las pautas de accesibilidad para el Contenido Web (WCAG) 2.0.

• Como Moodle permite la creación y publicación de contenido, también sigue las directrices ATAG 2.0 que tienen como objetivo proporcionar pautas crear contenido más accesible, pero también ha seguido estas directrices para crear su propia interfaz de usuario con el fin de conseguir que esta pueda ser usada por todas las personas.

• A partir de la versión 2.7, se incorporó el editor ATTO que mejora la accesibilidad del contenido producido en él.

• También se siguen las recomendaciones de ARIA 1.0 (Accessible Rich Internet Applications) que es un conjunto de recomendaciones que permiten la comunicación con tecnologías asistidas como lectores de pantalla.

• Finalmente dado que Moodle es usada por agencias de gobierno de EE. UU. se ha trabajado también en cuanto a la enmienda US Section 508 amendmet sobre políticas de accesibilidad.

Además, el interés por trabajar la accesibilidad es abierto y continuo. Podemos participar de manera activa en su configuración a través la comunidad de moodle (https://moodle.com/es/comunidad/). Registrándote en el Moodle tracker podrás

https://moodle.com/es/comunidad/


acceder a diferentes opciones para explorar proyectos, crear o buscar incidencias. De lo que se trata es de participar en el desarrollo de esta herramienta ofreciendo información sobre posibles fallos o elementos que hay que revisar y que impiden la plena accesibilidad.

También existe una lista de prioridades sobre accesibilidad que se van trabajando por la comunidad y que están en constante cambio. Se pueden consultar aquí:

https://tracker.moodle.org/browse/MDL-42268?jql=component%20%3D%20Accessibility%20AND%20project%20%3D%20MDL%20AND%20resolution%20%3D%20Unresolved%20ORDER%20BY%20priority%20DESC

3.1 Creando contenidos accesibles en Moodle

Una de las características de Moodle como plataforma e-learning es que además de contar con herramientas para comunicación y trabajo grupal, tiene módulos específicos para trabajar contenido directamente en la plataforma. Tanto los docentes como los alumnos pueden crear materiales dentro de Moodle de manera sencilla sin necesidad de conocimientos específicos sobre programación. Una de las herramientas que nos van a permitir crear contenido de manera accesible es el editor Attom. Es un editor sencillo que permite insertar numerosos recursos que serán accesibles por todos los alumnos.

¿De qué herramientas dispone el editor?





A simple vista tenemos una interface muy sencilla e intuitiva; dentro del área de trabajo podemos insertar y distribuir el contenido que queremos presentar a través de las herramientas de diseño, dando formato a los textos, insertando viñetas o listas, insertando hipervínculos, imágenes, vídeos, archivos, ecuaciones, tablas, etc.


Pero lo más interesante de este editor es que incorpora una herramienta de revisión de accesibilidad que permite revisar el contenido trabajado y señalar los errores más comunes que se han cometido en el texto.

Esta herramienta ofrece un informe con una serie de cuestiones a mejorar para que todos los usuarios tengan las mismas garantías de acceso a los contenidos. Los errores más comunes que se suelen cometer son:

• Insertar imágenes sin un texto alternativo que permita a los lectores de voz ofrecer información alternativa sobre la imagen.

• Textos muy largos sin división a través de encabezados

• Tablas sin encabezados

• Errores en el contraste de los colores de las fuentes y el fondo.

Otra de las herramientas que contiene este editor es un ayudante para lector de pantalla. Con esta herramienta se ayuda a los lectores de texto a identificar elementos dentro del contenido (resaltando las negritas, por ejemplo) además de enlistar cualquier imagen o enlace en el texto.

Además de estas herramientas en Moodle es posible configurar plugin y bloques expresamente para trabajar temas de accesibilidad. En este sentido es posible instalar el bloque denominado “Accessibility”, que es compatible con el cambio de tamaños de texto y combinaciones de colores. Las personalizaciones se guardan en la sesión del usuario, lo que les permite persistir entre las páginas y también se pueden guardar en la base de datos para que se apliquen de forma permanente.


4 Accesibilidad en otras Herramientas: Word

Una de las herramientas más utilizadas para difundir contenidos de manera digital es el editor Word, ya que a partir de estos documentos luego se producen otros formatos para su distribución como pdf, ePub o HTML.

En este sentido Word, ha ido evolucionando y haciéndose eco de la necesidad de generar herramientas para facilitar la producción de documentos accesibles. A partir de la versión 2010 de Microsoft Word se ha incorporado un Comprobador de accesibilidad que también está disponible para Excel y Power Point y que nos va a permitir detectar dónde está el problema además de proponernos soluciones para resolverlo.

Pero independientemente de esta ayuda es necesario conocer las principales pautas para trabajar con contenidos accesibles(Valentín Sama Rojo, 2012).


4.1.1 Pautas para crear documentos accesibles:

1) Emplear un lenguaje claro, comprensible e inclusivo tanto en la forma como en el contenido. ¿Cómo podemos conseguir este objetivo?

a. Para que el mensaje sea comprensible por todos los usuarios es necesario emplear una estructura gramatical sencilla evitando estructuras complejas.

b. En cuanto a la forma es imprescindible emplear una tipografía fácilmente legible, utilizar un tamaño de fuente e interlineado adecuado.

Ejemplo de Parámetros:

Fuente: familia de San Serif

Tamaño de fuente: No menor a 10 puntos

Interlineado: 1,5 puntos

c. No incluir imágenes que sustituyan al texto. ¿Cuál es la razón? Coged un documento con texto y ampliadlo al 300%, lo que sucede es que la tipografía sigue siendo legible, no pierde calidad. Si en vez de texto escrito es un texto pegado como imagen al ampliarlo la pérdida de calidad es notable hasta llegar un punto en el que no es legible.

d. Cuando se emplean siglas es importante acompañar el significado completo de estas.

e. Asignar un idioma principal al documento para que los lectores de pantalla puedan leer correctamente el texto.

2) Los documentos deben estar correctamente estructurados para ello es necesario emplear las herramientas con las que para ello contamos:

• Usar el editor de estilos de Word para diferenciar entre títulos principales, secundarios, texto normal, etc. Establecer una correcta estructura de los párrafos y saltos de sección, emplear las listas numeradas, etc.

3) Tratamiento de las tablas: En las tablas es necesario incorporar tanto las filas de encabezado como las columnas. De esta manera los lectores de pantalla distinguirán entren las filas de encabezado y sabrán transmitir correctamente la información.


Como consejo en este punto es no emplear nunca las tablas para formatear texto como columnas. En su lugar emplea la herramienta nativa de Word para formatear como columnas.

4) Imágenes con texto alternativo: es importante que las imágenes vayan acompañadas

de su texto alternativo que las describa. En Word, al insertar la imagen en el menú Formato, tenemos la opción Texto Alternativo aquí podemos poner una descripción personalizada o hacer que lo haga Word por nosotros.

5) Hipervínculos: En la misma línea de lo anterior es necesario que los hipervínculos que

incluimos en nuestros documentos de Word tengan un texto significativo e información en pantalla. Muchas veces cuando creamos un hipervínculo simplemente ponemos “Pincha aquí”, esta nota da muy poca información a la persona invidente, en lugar de ello podríamos poner “Visita la página del Ministerio de Educación” haciendo alusión al sitio que se va a visitar.


Un consejo en este apartado es emplear la herramienta “referencias cruzadas” para crear referencias a elementos del documento.

6) Contraste de texto difícil de leer: Cuando el color del texto es muy similar al color del

fondo de la página es muy difícil que sea leído por personas con dificultades de visión. Para ello es necesario aumentar el contraste modificando el color del estilo o cambiando el color de la página.

7) Espacios en blanco: Si insertamos muchos párrafos vacíos en un documento el usuario de un lector de pantalla entenderá que el documento ya ha finalizado y dejará de prestar atención. Para ello es mejor utilizar espaciados antes o después del párrafo.

8) Exportar documentos Word a otros formatos como PDF o HTML de manera accesible. Muchas veces una vez que se ha maquetado el documento Word se suele guardar en otros formatos para su distribución. Si lo queremos guardarlo en formato PDF y que mantenga los elementos de accesibilidad que se han trabajado es necesario que el Word se exporte de manera correcta de la siguiente manera: Archivo→Exportar como pdf. En la ventana para guardar el archivo hacemos clic sobre el botón Opciones y se nos abre una nueva ventana. En esta debemos dejar señalada la opción que nos indica “Etiquetas de la estructura del documento para accesibilidad”.


Si lo vamos a guardar en formato HTML también podemos mantener la estructura idónea. La manera de hacerlo es seleccionar de nuevo la opción exportar y antes de guardar el documento seleccionar la opción herramientas→Opciones para guardar.


Y a continuación configurar la opción Accesibilidad.

5 Herramientas de Validación

Finalmente, en este apartado vamos a revisar algunas herramientas útiles para simular los principales problemas de accesibilidad que nos podemos encontrar y herramientas para validar el contenido que estamos trabajando en diferentes aspectos.

En cuanto a los simuladores, encontramos un muy interesantes llamado Funkify (https://www.funkify.org/), es un simulador de discapacidad que y permite emular numerosas situaciones que nos van a permitir ser conscientes del déficit de nuestro diseño. Se puede utilizar como una extensión de Google Chrome que permite:

https://www.funkify.org/


• Ver las páginas borrosas para ajustar la intensidad.

• Mover las letras de las paginas para simular dislexia.

• Simular temblores para perder el control sobre el cursor.

• Reducción del campo visual (efecto túnel) para visualizar el contenido frontalmente pero no por los laterales y también simula la visión periférica donde se ven los lados, pero no frontalmente.

• Impide usar el ratón.

• Simula diferentes tipos de daltonismo.

• Reflejos del sol, etc.

Sobre validadores encontramos en la red opciones muy interesantes como:

• Wave (http://wave.webaim.org/ ) es una herramienta online que permite validar los sitios web a través de la url de la página. Se puede también instalar como una extensión de Chrome. Con esta herramienta es posible ver los errores que se han cometido en el diseño de la página. Permite ver los errores que se han cometido en el diseño de la página y es posible ver estas páginas con o sin estilos, con diferentes contrastes, etc.

• Siteimprove, es una extensión para Chrome que a través de un icono en la barra de herramientas permite validar cómo se visualiza el contenido de la web de acuerdo a los niveles A, AA y AAA.

Para analizar la complejidad de los textos en una página podemos emplear la herramienta Inflesz. Calcula 9 parámetros útiles para evaluar la legibilidad de un texto escrito en español

Y finalmente para evaluar el sonio podemos emplear Audacity que permite comprobar si el ruido de fondo cumple con el criterio de conformidad 1.4.7 de las WCAG 2.0

6 Conclusiones

• Muchos de los recursos digitales empleados como materiales didácticos no tienen en cuenta todos los parámetros necesarios para hacerlos accesibles. En algunas ocasiones pensamos que un contenido es accesible cuando funciona correctamente y se ve bien en una serie de navegadores.

http://wave.webaim.org/

http://legibilidad.blogspot.com.es/2015/01/el-programa-inflesz.html#!/2015/01/el-programa-inflesz.html


• Pero hoy la accesibilidad va más allá de esta funcionalidad y es necesario que las personas que tienen algún tipo de discapacidad puedan navegar y aprovechar los recursos con un alto nivel de calidad, accediendo a todas las funcionalidades del recurso y obteniendo la información que este es capaz de ofrecer.

• Cuando se diseñan materiales es necesario atender a unas pautas y normas de construcción que permitan que todas las personas que quieran usarlos puedan hacerlo de manera normalizada.

7 Bibliografía

• Amado H & Hernández R (2012), “Recomendaciones para la creación de documentos de contenido docente accesible.” Actas del IV Congreso Internacional sobre Aplicación de Para uma Formação Virtual Acessível e de Qualidade - 128 -Tecnologías de la Información y Comunicaciones Avanzadas (ATICA 2012), Pag 109.ISBN: 978-9942-08-386-9

• INTECO (2010) Guía de WAI ARIA. Instituto Nacional de Tecnologías de la Comunicación. http://www.inteco.es/file/cPaNoHmdaUbMlxpjOX2pMw

• INTECO (2012) Accesibilidad: Manuales y guías. Instituto Nacional de Tecnologías de la Comunicación

• http://www.inteco.es/Accesibilidad/difusion/Manuales_y_Guias

• https://moodle.org/plugins/block_accessibility

• Valentín Sama Rojo, E. S. A. (2012). Guía de accesibilidad de documentos electrónicos, 53. Retrieved from

• http://portal.uned.es/archivos/Capitulo_II_Accesibilidad_Word.pdf

http://www.inteco.es/

http://www.inteco.es/

https://moodle.org/plugins/block_accessibility

© universidad europea de monterrey

Documents