¿Qué saber, qué evitar, creando E-Learning accesible

[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]

Por: E-Learn Team | Patrocinado por Blackboard | E-LEARN MAGAZINE

.[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]

Vivimos en un mundo pluricultural, la globalización ha hecho que tengamos la posibilidad de interactuar con personas de todo el mundo y de conocer sus modos de vida, sus creencias y sus costumbres. Vivimos en un mundo en donde todos somos diferentes; a algunos les gusta el clima cálido, otros prefieren el frío; algunos prefieren vestir de blanco y otros de negro, esto ha hecho que existan productos, servicios y ambientes acordes a distintos tipos de necesidades.

Sin embargo, más allá de pensar en las diferencias de preferencias y gustos es necesario pensar en las diferencias físicas que tenemos. Esto, siendo conscientes de que todo a nuestro alrededor debe estar diseñado para que podamos participar de nuestro entorno sin ningún problema y es aquí donde la inclusión y la accesibilidad empiezan a tomar un papel protagónico en el desarrollo de productos, servicios y ambientes. Las diferencias físicas van más allá de la talla o del color de los ojos, en este caso puntual, nos referimos a pensar en cuales son las discapacidades que puede tener una persona.

Según la Organización Mundial de la Salud (OMS) más de mil millones de personas en el mundo, es decir, el 15% de la población mundial vive con algún tipo de discapacidad[1]. Esto significa que hay una oportunidad de inclusión muy grande, que a su vez es una oportunidad de mejorar el bienestar de estas personas, el campo de acción para mejorar su calidad de vida va desde el acceso físico a la infraestructura rural y urbana hasta, por ejemplo, el acceso a la educación y a la participación ciudadana.

[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][nectar_gradient_text heading_tag=”h3″ color=”extra-color-gradient-1″ gradient_direction=”horizontal” text=”La educación accesible es sinónimo de bienestar”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]Ahora concentrémonos en el mundo del aprendizaje y de la enseñanza, un escenario donde la inclusión debe ser un requerimiento imprescindible. Actualmente, el portafolio de educación es tan amplio que incluso podemos estar aprendiendo algo nuevo desde la cima de una montaña, por ejemplo, solo necesitaríamos la tecnología (una plataforma LMS), los contenidos y el dispositivo adecuado. Sin embargo, estos tres elementos deben evitar caer en errores de accesibilidad.

De esta manera:[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][nectar_gradient_text heading_tag=”h3″ color=”extra-color-gradient-1″ gradient_direction=”horizontal” text=”¿Qué errores comunes encontramos en las plataformas y en los contenidos?”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]A la hora de desarrollar contenidos, de apoyarse en plataformas u otras tecnologías encontramos errores comunes de los que hay que ser conscientes para evitar crear barreras para las personas con discapacidad, ejemplifiquemos:[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][nectar_gradient_text heading_tag=”h3″ color=”extra-color-gradient-1″ gradient_direction=”horizontal” text=”Errores comunes en la web, en las plataformas y en los contenidos: (4,5)”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][image_with_animation image_url=”907″ alignment=”” animation=”Fade In” border_radius=”none” box_shadow=”none” max_width=”100%”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]Tanto desarrolladores de software, diseñadores de programas y profesores suelen cometer errores que van en contra de los estándares de accesibilidad según el tipo de discapacidad. Ejemplo:

1. Impedimentos auditivos:

  • El contenido que solo se apoya de audio, como videos con voces y sonidos, sin subtítulos o transcripciones.
  • Reproductores de medios que no muestran subtítulos y que no proporcionan controles de volumen.
  • Servicios basados ​​en la Web, incluyendo aplicaciones web, que se basan en la interacción utilizando únicamente la voz.
  • La falta de lenguaje de signos para complementar información importante.

2. Impedimentos visuales:

  • Imágenes, y otros elementos estructurales que no tienen alternativas equivalentes de texto.
  • Diseños, imágenes y páginas que no se pueden cambiar de tamaño, o que pierden la información cuando se redimensionan.
  • Falta de señales visuales y no visuales de orientación, estructura de la página, y otras ayudas a la navegación.
  • Reproductores de medios que no ofrecen opciones para ajustar el tamaño del texto y los colores.
  • Contenido de video que no tiene alternativas de texto o de audio, así como descripciones de estas.
  • Sitios web, navegadores web, y herramientas de creación que no proporcionan soporte para usar el teclado completo

3. Impedimentos del habla: 

  • Servicios basados ​​en la Web, incluyendo aplicaciones web, que se basan en la interacción utilizando únicamente la voz.
  •  Sitios web que ofrecen números de teléfono como la única manera de comunicarse con la organización

4. Impedimentos de acciones motoras:

  • Sitios web, navegadores web, y herramientas de creación que no proporcionan soporte para teclado completo.
  • Plazos insuficientes para responder o para completar tareas, como por ejemplo, para rellenar formularios en línea.

5. Impedimentos cognitivos:

  • Mecanismos de navegación complejos y diseños de página que son difíciles de entender y utilizar.
  • Frases complejas que son difíciles de leer y palabras inusuales que son difíciles de entender, largos pasajes de texto sin imágenes, gráficos, etc.
  • Webs y reproductores de medios que no proporcionan mecanismos para suprimir animaciones o audios.
  • Diseños de páginas que no sean adaptables en diferentes tipos de navegador o dispositivo.

Ya sabemos qué prácticas debemos evitar para crear brechas. Ahora conozcamos algunas buenas prácticas para tener LMS y contenidos accesibles.[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][nectar_gradient_text heading_tag=”h3″ color=”extra-color-gradient-1″ gradient_direction=”horizontal” text=”Consejos para hacer la web, los LMS y los contenidos accesibles:6″][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][image_with_animation image_url=”908″ alignment=”” animation=”Fade In” border_radius=”none” box_shadow=”none” max_width=”100%”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]1. Escoger un Content Managemement System o un Learning Management Systemque se amigable con la accesibilidad: es recomendable saber escoger el tema, asegurarse de que los reproductores de contenido o barras de herramientas son capaces de ejecutar contenido accesible.

2.Utilizar títulos correctamente para organizar la estructura del contenido: los lectores de pantalla son muy capaces de reproducir contenido si éste esta bien organizado por jerarquías. Recomendado tener una estructura clara de etiquetas – h1, h2, h3, h4 – etc.

3. Incluir el “Alt text” de forma adecuada en las imágenes: El texto alternativo debe proporcionarse para las imágenes, de modo que los usuarios de lectores de pantalla puedan entender el mensaje transmitido por el uso de imágenes en la página. Esto es especialmente importante para las imágenes informativas (como infografías) . Al crear el texto alternativo, el texto debe contener el mensaje que desea transmitir a través de esa imagen y si la imagen incluye texto, éste también debe ser incluido en el alt.

4. Los enlaces deben tener títulos descriptivos y exclusivos: es recomendado nombrar los enlaces con más información que el típico “clic aquí”.

5. El color debe usarse con cuidado: los colores pueden ser muy útiles para la distinción de elementos, sin embargo es importante buscar un equilibrio de colores pues aproximadamente un 8% de la población tiene deficiencia de color – rojo y verde -. De esta manera la sugerencia es también apoyarse de indicadores visuales.

6. Sobre los formularios: cuando los campos del formulario no están correctamente etiquetados pueden presentar inconvenientes. La sugerencia es utilizar nombres descriptivos en las etiquetas y utilizar la especificación ARIA (que es un conjunto de atributos especiales para accesibilidad que pueden añadirse a cualquier etiqueta, pero especialmente adaptado a  HTML)7

7. Utilización de tablas para tabular datos: usar tablas en vez de imágenes fijas con gráficos es sumamente útil pues los lectores de pantalla tienen la capacidad de informar el número de columnas y filas así como la información que va allí.

8. Debe poderse acceder al contenido con el teclado de una manera lógica: Los usuarios con discapacidad motriz deben tener la capacidad de acceder a los contenidos mediante el uso de un teclado pulsando la tecla “tab” o las teclas “flecha”- incluyendo personas que solo utilizan su boca y un palo para acceder-. Como resultado, el orden de presentación del contenido debe coincidir con el orden visual.

9. Utilizar las funcionalidades de ARIA: este conjunto de atributos asegura que la estructura de la web es accesible, es amigable con los lectores de pantalla y mejora las experiencias de navegabilidad. Los atributos son fácilmente añadidos al HTML y a los CSS.

10. Hacer que el contenido dinámico sea accesible: es recomendado que los reproductores de video puedan ser manejados desde el teclado, que tengan opciones de subtitulado y de transcripción de voz. Asimismo, cuando se actualizan los contenidos, es bueno usar las funcionalidades de ARIA con el fin de emitir alertas que los lectores de pantalla puedan tomar. 

Siguiendo estos consejos, el desarrollo de contenidos, plataformas y herramientas será más inclusivo. Es importante que estén contemplados desde la estrategia de desarrollo y estructuración del curso o el programa. Para las instituciones u organizaciones es clave sensibilizar a sus instructores en cómo utilizar las tecnologías accesibles así como en el acompañamiento que deben brindar a estudiantes que lo requieran.

El acceso a una educación incluyente es un objetivo de desarrollo que debe involucrar a organizaciones de todos los niveles y todos los sectores, sin importar el contexto regional. La realidad es que todos somos diferentes y necesitamos las mismas oportunidades, por lo que la accesibilidad es un requerimiento que debemos ver reflejado en todos los ámbitos de nuestro entorno.

De esta manera, no se trata de “entender a las personas discapacitadas” pues no son las personas las que no están preparadas para asumir los retos de hoy, es la sociedad la que a lo largo de los años ha fallado y es la que debe contemplar las diferencias al momento de desarrollar cualquier componente que impacte la vida de las personas.[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]

Infografía: TRiiBU Studio

Referencias:

1 Organización Mundial de la Salud. Centro de Prensa. En: http://www.who.int/mediacentre/factsheets/fs352/es/ . Consultado el:8 de septiembre de 2016.

Disabled World. Disability Definition. En: http://www.disabled-world.com/disability/types/. Consultado el: 19 de septiembre de 2016.

3 Web Accessibility Initiative. What is Web Accessibility. En https://www.w3.org/WAI/intro/accessibility.php. Conultado el: 7 de septiembre de 2016

4 W3C. Web Accessibility Initiative. Diversity Of Web Users. En: https://www.w3.org/WAI/intro/people-use-web/diversity. Consultado el: 8 de septiembre de 2016

5 Coolfields Consulting. Web Accessibility, Types of Disability. En: http://www.coolfields.co.uk/2010/11/web-accessibility-types-of-disability/. Consultado el 8 de septiembre de 2016.

6 University of California, Berkeley. Berkeley Web Access. En: https://webaccess.berkeley.edu/resources/tips/web-accessibility. Consultado el 9 de septiembre de 2016.

7 Mozilla Developer Network. Aria. En: https://developer.mozilla.org/es/docs/Web/Accessibility/ARIA. Consultado el 9 de septiembre de 2016.

[/vc_column_text][/vc_column][/vc_row]