El acceso a las tecnologías de la información y la comunicación está definido como un derecho humano básico en la Convención de las Naciones Unidas (enlace a UN CRPD) sobre los Derechos de las Personas con Discapacidad (enlace al BOE).

Etimológicamente, el término "accesibilidad" proviene del latín accesibilitas, que significa cualidad de poder acercarse.

La accesibilidad favorece la inclusión social de todas las personas, no únicamente de aquellas con discapacidad. Además, elimina barreras que dificultan el acceso y el uso de servicios, productos y recursos en igualdad de condiciones.

La Web, las aplicaciones y las herramientas digitales, cuando están diseñadas y desarrolladas de forma accesible, contribuyen a eliminar barreras de comunicación e interacción que muchas personas encuentran en el entorno físico.

Pero... ¿qué es la Accesibilidad Web?

La Accesibilidad Web significa que sitios web, herramientas y tecnologías están diseñadas y desarrolladas de tal manera que cualquier persona puede utilizarlas, es decir, pueden: percibir, comprender, navegar e interactuar con la Web. De forma recurrente se tiende a asociar el término “accesibilidad” con “discapacidad”. Sin embargo, la accesibilidad web también beneficia a personas sin discapacidad como, por ejemplo:

• personas que utilizan teléfonos móviles, relojes o televisores inteligentes
• personas con conexión lenta a Internet o que tienen ancho de banda limitado
• personas mayores cuyas habilidades cambian con la edad
• personas con “discapacidades temporales”, como puede ser un brazo roto o que han perdido sus gafas
• personas con “limitaciones por su ubicación”, como puede ser bajo la luz del sol o en un entorno donde no se puede escuchar audio

Si quieres ver un vídeo (en inglés) con ejemplos de cómo la accesibilidad es esencial para personas con discapacidades, y útil para cualquier persona en una gran variedad de situaciones, pincha en este enlace. Para reproducir subtítulos, haz clic en . Para elegir el idioma de los mismos, pincha en .

El World Wide Web Consortium (enlace a W3C) es un consorcio internacional fundado por Tim Berners-Lee, el inventor de la Web, que elabora recomendaciones y directrices para la World Wide Web (www) con el objetivo de que el acceso al conocimiento sea más eficiente y asequible.

Esta organización ha desarrollado las Pautas de Accesibilidad para el Contenido Web (enlace a WCAG 2.2) como estándares técnicos estables y de referencia a nivel internacional. Estas pautas o criterios se organizan en torno a cuatro principios que establecen los fundamentos necesarios para que cualquier persona pueda acceder y usar el contenido web. Pincha en cada uno de ellos para acceder a una breve explicación:

Las primeras letras de estos 4 principios en su versión original en inglés forman la palabra POUR, la cual significa “servir” o “verter”, pudiéndose utilizar como regla nemotécnica.

 A partir de estos principios, el W3C ha establecido 13 pautas y 86 criterios de éxito o cumplimiento que proporcionan los requisitos que deben cumplirse para crear un contenido lo más accesible posible para todos los usuarios. Para leer más sobre esta normativa, puede acceder a través de los siguientes enlaces:

• WCAG 2.0 (11 de diciembre 2008): en inglés o en español.
• WCAG 2.1 (5 de junio 2018): en inglés, aún no hay traducción al español del documento entero, pero sí un resumen.
• WCAG 2.2 (5 de octubre de 2023): esta es la versión vigente recomendada por W3C en inglés y en español.

Las herramientas digitales que han sido desarrolladas y diseñadas basándose en los 4 principios mencionados en el apartado anterior, permiten la universalidad de acceso a las mismas. Así, cualquier potencial usuario puede utilizarlas, independientemente de que presente una limitación temporal transitoria o permanente.

• Facilita la navegación y mejora la experiencia de usuario.
• Incrementa, por tanto, su autonomía.
• Ayuda y promueve una correcta estructuración del contenido.
• Amplía las posibilidades de acceso desde diferentes contextos.

Una característica de los sitios web accesibles es la posibilidad de navegar mediante teclado, que en determinados casos puede ser la única herramienta de interacción disponible para algunas personas usuarias sin depender del ratón, como veremos posteriormente en un vídeo.

Considerando que la navegación digital se realiza habitualmente a través de páginas web, cuyo principal lenguaje de marcado es HTML (HyperText Markup Language o Lenguaje de Marcado de Hipertexto), conviene conocer la noción de hipertexto y sus implicaciones.

Según la RAE, el hipertexto es un conjunto estructurado de textos, gráficos, etc., unidos entre sí por enlaces.

Pero… ¿esto qué supone?

Un sistema de hipertexto proporciona una funcionalidad a un sitio web donde una palabra, por ejemplo, contiene un enlace interno que remite a otro apartado de la misma web o a otro sitio web. En resumen, el usuario puede navegar estos enlaces que interconectan conceptos, informaciones y demás recursos digitales (paquetes de contenido o nodos) sin que por ello tengan que estar dispuestos en una secuencia lineal.

En la siguiente imagen, puedes ver un ejemplo:

Los hipertextos presentan una serie de características, entre las que cabe destacar:

• Multimediáticos. No se limitan al texto escrito. Pueden enlazar con imágenes, sonidos, videos, etc.
• Digitales. El hipertexto es propio de la dinámica digital y cibernética, es intransladable al papel u otros soportes.
• Conectivos. Todo hipertexto conduce a alguna parte de la Web, excepto en los casos en que dicho enlace se haya roto (archivos desaparecidos, páginas ya no disponibles, etc.).
• Interactivos. Los hipertextos requieren de la acción del usuario (de un clic del ratón o mouse) para operar. El usuario puede decidir el orden de lectura en función de sus intereses.
• Reusables. Un mismo hipertexto puede utilizarse infinitas veces.
• Extensibles. El hipertexto permite prolongar la experiencia de lectura con otros documentos y extender el alcance de la información disponible para el usuario.
• Transitorios. Dado que los hipertextos son básicamente enlaces, su vigencia dependerá de que el destino al que conduzcan esté disponible. A los hipervínculos cuyo destino no está disponible se les conoce como “caídos” o “rotos”.

Fuente: Hipertexto - Concepto, características y usos. Disponible en enlace.

Una vez se ha entendido lo que es hipertexto, vamos a centrarnos en las implicaciones que tiene de cara a los usuarios:

• Al autor le permite la selección y organización del contenido y el diseño del formato de presentación.
• Al receptor le permite el acceso a la información y la navegación por la misma, de forma que, según el diseño del hipertexto, pueda realizar una navegación personal según sus necesidades, intereses y estilos de lectura o acceso al contenido.

Haciendo referencia a la funcionalidad de navegación y, por ende, al acceso al contenido e información que proporciona el hipertexto al usuario, hay que tener en cuenta las diversas barreras que una persona puede llegar a experimentar de forma permanente o transitoria en relación con sus capacidades.

Una de las pautas dentro del principio de operabilidad desarrolladas por el W3C es la de hacer que todas las funcionalidades sean accesibles mediante el teclado (accede a este enlace para consultar la pauta WCAG 2.2 “Teclado accesible”. También puedes consultar la versión anterior pauta, WCAG 2.1, accediendo a este otro enlace).

Si quieres ver un vídeo (en inglés) donde se muestra la necesidad que pueden presentar algunos usuarios, según sus circunstancias temporales o permanentes, de que la web sea accesible mediante el teclado, pincha en este enlace. Recuerda que para reproducir subtítulos, debes hacer clic en  o en ; y para elegir el idioma de los mismos, pinchar en .

Para poder navegar a través de la web utilizando tan sólo el teclado, vamos a repasar unas nociones previas sobre la utilidad y versatilidad de ciertas partes del teclado.

El foco de teclado nos permite identificar el elemento interactivo del hipertexto que puede ser activado o utilizado bien desde el teclado, a través del ratón, touchpad, trackball, joystick u otros mecanismos de entrada. Suele disponerse como un cuadro de color diferenciado que rodea el elemento interactivo seleccionado. Para que lo puedas identificar inmediatamente, tan sólo tienes que pulsar la tecla de Tabulación (en la parte izquierda de tu teclado, justo encima de la de Bloqueo de Mayúsculas) y verás cómo se resalta un elemento. Si vuelves a pulsar, el foco pasará al "Menú". Si no sabes o no encuentras la tecla de Tabulación, la encontrarás señalada en la siguiente imagen donde se señalan, además, los tipos de teclas que se encuentran en un teclado:

Pincha en cada una de las barras para ver una breve aclaración de algunas de ellas relevantes en accesibilidad:

Existen webs capaces de transformar texto que se inserta en uno de sus campos, de manera que el mismo pueda recibir un tratamiento de adaptación y hacerlo accesible según las necesidades del usuario. De forma general se recogen a continuación algunas de las funciones que presentan estos tipos de web:  

• Cambio de idioma
• Cambio de velocidad de reproducción del texto
• Cambio de volumen
• Cambios tipográficos de tamaño, tipo de letra, contraste, etc.
• Cambios en el despliegue, avance y retroceso del texto
• Descarga del audio correspondiente al texto
• Otras funciones

Aquí tienes dos ejemplos de estas webs:

Algunos sitios web incluyen también en su diseño complementos de accesibilidad de conversión de texto a voz ("Text to Speech"), con opciones configurables como las citadas anteriormente, que contribuyen a mejorar la experiencia de usuario.

El ejemplo siguiente corresponde al complemento de accesibilidad que incluye la web de la Junta de Castilla y León, el cual permite que muchas personas usuarias puedan navegar por la página de forma autónoma, algo que de otro modo podría resultar difícil o inaccesible.

Complemento

Complemento

Complemento

Complemento

Puedes probarlo pulsando en este enlace que te llevará a la propia página de EducaCyL con complemento accesibilidad.

Si quieres ver un vídeo (en inglés) en el que se puede apreciar la mejora en la experiencia de usuario de acceso a la web de algunas personas mediante mecanismos de navegación tipo “Text to Speech”, pincha en este enlace. Para reproducir subtítulos, haz clic en . Para elegir el idioma de los mismos, pincha en .

Navegadores

Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser vistos. En algunos casos, si la página cumple los criterios de diseño accesible, el navegador puede presentar al usuario la información en distintos formatos, dependiendo de la opción de configuración seleccionada. Por ejemplo, mostrar el texto descriptivo de la imagen en lugar de la propia imagen o además de esta.

En un principio, se podían diferenciar entre 2 tipos de navegadores:

• De acceso estándar, los habituales. 
• De acceso alternativo. Estos se caracterizaban por presentar la información de las páginas web de manera distinta a la convencional, normalmente en formato sólo texto o mediante audio y síntesis de voz, es decir, por un concepto menos cercano al de acceso universal a la información.

Cada vez más, los navegadores estándar incluyen características que les permiten realizar un acceso a las páginas web en formatos alternativos y/o complementarios, por lo cual se ha ido abandonando el uso de navegadores alternativo.

Enrique Zancajo García. Genial.ly: Herramientas de accesibilidad Web: Navegadores (CC BY-SA)

La Junta de Castilla y León pone a disposición de cualquier docente, de manera gratuita, el paquete de herramientas y aplicaciones Microsoft 365. Nuestro deber es conocer sus funcionalidades y posibilidades para eliminar barreras que impidan a nuestro alumnado acceder al conocimiento y desarrollar sus competencias.

Proponemos a continuación una serie de actividades, situaciones y dinámicas relacionadas con el acceso universal a los contenidos de Internet y que pueden ser aplicadas en el aula.

Propuesta 1

Podemos plantear la lectura de un correo electrónico que contenga una clave para acceder a algún recurso de gamificación (tipo recompensa), pero sin utilizar otro dispositivo de entrada que no sea el teclado.

Podemos intentar realizar la actividad en un aula de informática que disponga de ordenadores de sobremesa donde pueda resultar sencillo desconectar el ratón del dispositivo.

Empezando desde el escritorio, tendrán que navegar hasta Educa, entrar a su zona privada y acceder a su correo electrónico para conseguir la clave.

Propuesta 2

Recibimos a Yaseen en clase. Viene de Pakistán porque sus padres se han trasladado junto a otros miembros de su familia. No entiende ni una sola palabra de castellano. Le damos la bienvenida.

Podemos dedicar una sesión de manera que cada alumno reciba a su nuevo compañero introduciendo mediante la herramienta «Dictar» su nombre y algunos datos sobre él en un documento online de Word del profesor. Podemos pedir también a Yaseen que nos cuente, si le apetece, algo de información sobre sus gustos, su lugar de origen o lo que le parezca.

Posteriormente podemos enviar este archivo al correo electrónico del nuevo compañero, de modo que pueda volver a escucharlo si le apetece (una vez vaya aprendiendo a utilizar las herramientas).

Esta actividad se puede hacer a través de Edge, activando la función de accesibilidad “Mostrar mini-menú al seleccionar el texto” y abriéndolo en el propio Lector inmersivo del navegador.

Propuesta 3

Vamos a realizar un ejercicio mediante la herramienta «Dictar», cuyo fin es afianzar algunos elementos ortográficos tratados. Vamos a partir de un texto o conjunto de textos que hayamos trabajado en clase, que iremos dictando en un documento.

1. En primer lugar, los alumnos registran un dictado bien entonado, pero sin tener en cuenta los signos de puntuación, es decir sin indicarle a la aplicación las comas, puntos, puntos y coma o dobles puntos que tenga que incluir. Pueden hacerlo en parejas.
2. En una segunda lectura, iremos indicando a la herramienta «Dictar», aquellos signos de puntuación que tiene que ir incluyendo: coma, punto, dos puntos, etc. Comprobaremos cómo en esta segunda lectura la herramienta «Dictar» sí va registrando los signos de puntuación que le indicamos.
3. Para finalizar, repasamos los textos para comprobar la correlación entre el modelo y lo registrado en el ordenador. Debatimos sobre las ventajas y desventajas de este sistema.