ALL-IN Accesibilidad en la comunicación digital

Principios de la accesibilidad web

Entender la accesibilidad

De acuerdo con el diccionario panhispánico del español jurídico, la accesibilidad universal es “condición que deben cumplir los entornos, procesos, bienes, productos y servicios, así como los objetos, instrumentos, herramientas y dispositivos, para ser comprensibles, utilizables y practicables por todas las personas en condiciones de seguridad y comodidad y de la forma más autónoma y natural posible”.

La accesibilidad universal incluye 3 tipos de accesibilidad:

Accesibilidad cognitiva: característica que permite que algo sea de fácil comprensión y comunicación.
Accesibilidad física: característica que indica que algo puede ser utilizado con facilidad, o que un espacio puede ser accedido fácilmente, sin depender de limitaciones físicas.
Accesibilidad sensorial: característica que indica que algo puede ser utilizado con facilidad, o que un espacio puede ser accedido fácilmente, sin depender de limitaciones sensoriales.

Ejemplos:

Accesibilidad cognitiva: poder entender un texto porque está escrito con una redacción más sencilla, poder entender un artículo jurídico porque está adaptado a una lectura más fácil.
Accesibilidad física: poder entrar a un edificio con silla de ruedas, poder abrir una puerta aun teniendo poca fuerza.
Accesibilidad sensorial: poder entender un vídeo porque tiene subtítulos o lengua de signos, poder leer un documento porque tiene letra grande o está escrito en braille.

Sabiendo lo anterior, cuando hablamos de accesibilidad web, podemos entenderlo como el hecho de que las páginas web sean utilizables por el mayor número de personas posibles, independientemente de sus conocimientos o capacidades personales, así como de las caracteristicas técnicas de sus dispositivos.

En pleno siglo XXI, la accesibilidad web es fundamental para numerosos aspectos de la vida, como educación, empleo, gobierno, comercio, sanidad o entretenimiento. Es de vital importancia proporcionar un acceso equitativo e igualdad de oportunidades a todas las personas.

Marco jurídico y estándares

En la Unión Europea, la accesibilidad digital está legislada a través de la Directiva (UE) 2016/2102 relativa a la accesibilidad de los sitios web y las aplicaciones móviles de los organismos del sector público, denominada como WAD por sus siglas en inglés Web Accessibility Directive. Esta directiva obliga a todos los cuerpos del sector público de la UE a hacer accesibles sus sitios web y aplicaciones móviles.

Para lograrlo, la Unión Europea junto a las principales organizaciones europeas de normalización, desarrolló un estándar llamado EN 301 549, que establece los requisitos de accesibilidad para productos y servicios TIC. Dichos estándares se basan en gran medida en las Pautas de Accesibilidad para el Contenido Web (WCAG, por sus siglas en inglés).

Pautas de Accesibilidad al Contenido en la Web (WCAG)

Las “Web Content Accessibility Guidelines” (WCAG), o Pautas de Accesibilidad para el Contenido Web, en español, ofrecen un estándar único y compartido que satisface las necesidades de personas, organizaciones y gobiernos a nivel internacional en materia de contenido web accesible.

Desarrolladas por el World Wide Web Consortium (W3C), se dirigen a los desarrolladores y creadores de contenido web y herramientas de evaluación de accesibilidad web.

La versión más actual es la de las WCAG 2.2, incluyen 13 pautas y, al igual que las versiones anteriores, recogen cuatro principios fundamentales:

Perceptible: los usuarios deben poder percibir la información presentada (no puede ser invisible para todos sus sentidos).
Operable: los usuarios deben ser capaces de manejar la interfaz (la interfaz no puede requerir una interacción que un usuario no pueda realizar).
Comprensible: los usuarios deben ser capaces de comprender tanto la información como el funcionamiento de la interfaz de usuario (el contenido o el funcionamiento no pueden estar fuera de su alcance).
Robusto: los usuarios deben poder acceder a los contenidos a medida que avanzan las tecnologías (a medida que evolucionan las tecnologías y los agentes de usuario, los contenidos deben seguir siendo accesibles).

El cumplimiento de las pautas WCAG se evalúa a través de unos criterios de conformidad, clasificados como:

Nivel A: requisitos mínimos de accesibilidad.
Nivel AA: eliminación de importantes barreras de accesibilidad.
Nivel AAA: el nivel más alto y estricto de accesibilidad.

Cada nivel implica el cumplimiento de los niveles anteriores. En España, es obligatorio que las Administraciones Públicas cumplan de manera obligatoria con el nivel AA como mínimo.

Herramientas de ayuda y tecnologías de adaptación

Herramientas de asistencia

Las tecnologías de apoyo o asistencia (AT por las siglas en ingles de Assistive Technologies) aplicadas a la accesibilidad web son aquellas que proporcionan una ayuda técnica para las personas con dificultades a la hora de hacer uso de la web y los dispositivos digitales, interactuar con las interfaces o acceder a los contenidos.

Estas tecnologías pueden incluir herramientas de tipologías diferentes, destinadas a suplir un amplio abanico de necesidades. En este caso, nos centraremos en herramientas software de accesibilidad como las que veremos a continuación.

Lectores de pantalla

Software utilizado por personas con discapacidades visuales para leer el contenido de la pantalla. Un sintetizador de voz lee y explica lo que aparece en pantalla. Ejemplos:

NonVisual Desktop Access (NVDA): lector de pantalla gratuito, portátil y de código abierto desarrollado por Microsoft. Soporta 54 idiomas y numerosas aplicaciones.
Job Access With Speech (JAWS): lector de pantalla ampliamente utilizado en Windows que ofrece numerosas funciones y personalización.
VoiceOver: lector de pantalla integrado para dispositivos macOS e iOS, que ofrece una sólida compatibilidad e integración con los productos de Apple.

Magnificadores de pantalla

Las lupas o magnificadores de pantalla amplían el texto y/o imágenes y gráficos de la pantalla del ordenador, facilitando su visualización. Ejemplos:

ZoomText: herramienta de ampliación y lectura totalmente integrado y adaptado a usuarios con baja visión. Ofrece niveles de aumento personalizables y mejoras de color.
MAGic: proporciona ampliación y lectura de pantalla, diseñada para usuarios con baja visión. Mantiene la nitidez de las letras incluso a altos niveles de aumento.

Software de reconocimiento de voz

Estas herramientas permiten a los usuarios controlar los dispositivos e introducir texto mediante comandos de voz. Suponen un apoyo a las personas con problemas de movilidad o dificultades para usar periféricos. Ejemplos:

Dragon: potente y preciso software de reconocimiento de voz para Windows, desarrollado por Nuance.
Apple Dictation: herramienta de reconocimiento de voz integrada para usuarios de iOS y macOS.
Gboard: el teclado de Google, disponible para teléfonos tanto Android como iOS. Cuenta con reconocimiento de voz y permite hacer búsquedas en Internet e incluso traducir texto.
Otter: herramienta colaborativa y asistente de reunines que permite transcribir el texto de una conversación entre otras funcionalidades.
Windows Speech Recognition: función integrada en Windows que permite controlar y dictar por voz.

Tecnologías de adaptación

Las tecnologías adaptativas son aquellas que contribuyen a que personas con discapacidad funcional puedan hacer uso de ordenadores y sus periféricos a pesar de las dificultades que puedan presentar para sus habilidades.

Desde dispositivos de entrada alternativos hasta teclados y ratones adaptados e incluso mandos alternativos para videojuegos, existe una gran variedad de tecnologías adaptadas a las diversas capacidades de las personas.

Acompañadas de las herramientas de asistencia, ya mencionadas, estas tecnologías pueden suponer un antes y un después en la experiencia de muchas personas durante el uso de dispositivos digitales, y es importante darlas a conocer para fomentar la accesibilidad en distintos contextos. A continuación vemos algunos ejemplos.

Ratones alternativos

Joystick: de aspecto similar al mando de una consola, proporciona un método alternativo de control en el que el joystick determina la dirección y velocidad del puntero.
Ratón de boca: permite controlar el cursor con movimientos de la boca, como soplos o aspiraciones.
Ratón con sensores: permite hacer uso con el movimiento de la cabeza.
Ratón de pie: pulsadores manejados con el movimiento y la presión del pie.

Ratón adaptado

Imagen de cobalt123, Flickr

Teclados adaptados

Teclados con letra grande: letras más grandes y colores de alto contraste para personas con baja visión. Algunos incluso incluyen teclas de mayor tamaño.
Teclados ergonómicos: diseñados para reducir la tensión y proporcionar una experiencia de escritura más cómoda. Existen algunos diseñados para ser utilizados con una sola mano.
Cobertura para teclado adaptado: un cobertor rígido que se coloca sobre el teclado y forma una barrera que evita pulsaciones no deseadas, útil para personas con discapacidad motora o poca destreza.
Teclados braille: diseñados para la escritura de braille.

Teclado adaptado

Imagen de Tomaz Silva, Agência Brasil

Conmutadores

Dispositivos que sustituyen a las funciones tradicionales del teclado y el ratón, permitiendo a los usuarios controlar los ordenadores con simples pulsaciones.

Dispositivos de seguimiento ocular

Webcams y/o software con tecnología de seguimiento ocular que permite a los usuarios controlar su ordenador e interactuar con contenidos digitales mediante el movimiento de los ojos, adecuado para personas con movimiento limitado o nulo de las manos.

Videojuegos

Hoy día, las tecnologías adaptadas no se limitan únicamente a hacer uso de ordenadores, sino que también se desarrollan dispositivos destinados a que las personas con discapacidad puedan disfrutar de actividades como los videojuegos, eliminando las barreras también en el ocio.

Grandes marcas referentes de la industria del videojuego como PlayStation o Xbox ya cuentan con mandos accesibles que contribuyen a la accesibilidad física de los videojuegos.

Mando de videojuegos accesible

Imagen de Geni, Wikimedia Commons

Tecnologías emergentes

Las nuevas tecnologías emergentes juegan un papel relevante en el campo de la accesibilidad, pues permiten lograr avances que mejoran las vidas de las personas con discapacidad a unos niveles que aun no han sido explorados en su totalidad.

La Inteligencia Artificial, el Machine Learning o la Realidad Aumentada son solo algunas de las tecnologías del futuro que están logrando integrarse en la accesibilidad.

IA y Machine Learning

Lectores de pantalla basados en IA: mejora de la precisión y el conocimiento del contexto de los lectores de pantalla mediante Inteligencia Artificial. Algunos lectores de pantalla que ya integran esta tecnología son Typeahead AI o accessiBe.
Subtitulación y transcripción automáticas: herramientas basadas en IA para generar subtítulos y transcripciones en tiempo real o para contenidos pregrabados. Plataformas como YouTube ya integran esta tecnología, editores de vídeo como Clipchamp, y herramientas dedicadas como happyscribe.

Realidad Virtual y Aumentada

RV para la formación que aborda la discapacidad: la utilización de simuladores de RV puede utilizarse para formar a personas sobre cómo interactuar con personas con discapacidad y crear entornos accesibles. Del mismo modo, personas con discapacidad pueden formarse en entornos controlados para ayudarles a abordar situaciones de la vida real.
RA para asistencia en tiempo real: las aplicaciones de Realidad Aumentada pueden proporcionar datos y asistencia en tiempo real, ayudando a que los expertos puedan tomar decisiones con conocimiento de causa o contribuir en la asistencia remota, mejorando la seguridad y la eficiencia.

Diseño web inclusivo

Principios del diseño universal

Cuando hablamos de diseño web universal nos referimos a un enfoque de la experiencia de usuario (UX) en el que los sitios y aplicaciones web deben ser accesibles y utilizables por el mayor número posible de personas, independientemente de sus capacidades, discapacidades o circunstancias. Los principios y prácticas del diseño web inclusivo deben estar destinados a garantizar que una amplia variedad de usuarios puedan acceder a los contenidos, comprenderlos e interactuar con ellos.

Los 7 Principios del Diseño Universal fueron desarrollados en 1997 por un grupo de arquitectos, diseñadores, ingenieros e investigadores de la Universidad Estatal de Carolina del Norte.

Uso equitativo: el diseño es útil y comercializable para personas con capacidades diversas.
Flexibilidad en el uso: el diseño se adapta a una amplia gama de preferencias y capacidades individuales.
Simple e intuitivo: el uso del diseño es fácil de entender, independientemente de la experiencia, los conocimientos, las habilidades lingüísticas o el nivel de concentración del usuario.
Información perceptible: el diseño comunica eficazmente al usuario la información necesaria, independientemente de las condiciones ambientales o de las capacidades sensoriales del usuario.
Tolerancia al error: el diseño minimiza los peligros y las consecuencias adversas de acciones accidentales o involuntarias.
Bajo esfuerzo físico: el diseño puede utilizarse de forma eficaz y cómoda y con un mínimo de fatiga.
Tamaño y espacio de aproximación y uso: se proporciona un tamaño y un espacio adecuados para la aproximación, el alcance, la manipulación y el uso, independientemente del tamaño del cuerpo, la postura o la movilidad del usuario.

Prácticas y técnicas de diseño

Contraste de color

Asegúrate de que el texto y otros elementos crítiicos sean distinguibles del fondo para los usuarios con deficiencias visuales. Existen herramientas para comprobar la relación de contraste entre el color del fondo y del texto, como la de WebAIM o AccessibleWeb.
De acuerdo con el nivel AA de las WCAG, la relación de contraste debe ser de al menos 4,5:1 para el texto normal y de 3:1 para texto grande.
Para el nivel AAA, la relación de contraste debe ser de al menos 7:1 para el texto normal y de 4,5:1 para texto grande.

Legibilidad del texto

Utiliza tipografías claras y legibles. Por ejemplo, las tipografías sin serifas como Arial o Verdana son una buena opción.
Asegúrate de que el tamaño sea lo suficientemente grande para que la lectura sea cómoda, y mantén un interlineado adecuado.
No coloques texto sobre imágenes o motivos que reduzcan la legibilidad.

Accesibilidad multimedia

Garantiza que los contenidos de audio y vídeo sean accesibles para usuarios con deficiencias auditivas, visuales y cognitivas.
Proporciona subtítulos, transcripciones y descripciones de audio en los contenidos multimedia.
Las imágenes también deberán contar con descripciones alternativas.

Diseño adaptable a distintos dispositivos

Asegúrate de que los sitios web y otros elementos de diseño sean accesibles y utilizables en una amplia gama de dispositivos, desde ordenadores hasta smartphones.
Primero, asegúrate de que el contenido y las funcionalidades sean accesibles en pantallas pequeñas, y entonces mejóralos para pantallas más grandes.

Ejemplos de buenas prácticas

Funcionalidades accesibles:

Redimensionar texto
Modificar contraste

Funcionalidad accesible:

Texto a voz

Pruebas y evaluación de la accesibilidad

Finalmente, deberás comprobar la accesibilidad del diseño. Para ello, lo más importante siempre será la supervisión humana: comprueba que cumples las pautas WCAG y los principios de diseño universal, haz que otras personas hagan uso de la web y recopila sus opiniones. Además, podrás utilizar herramientas automatizadas para comprobar la accesibilidad web, como:

WAVE (Web Accessibility Evaluation Tool): proporciona información visual sobre la accesibilidad de los contenidos web.
Axe DevTools: una extensión de navegador que detecta problemas de accesibilidad y sugiere soluciones.
Lighthouse: una herramienta de código abierto de Google que audita las páginas web en cuanto a rendimiento, accesibilidad y buenas prácticas.

Resumen

	Ahora ya sabes qué es la accesibilidad y por qué es fundamental para la comunicación digital.			Has explorado diferentes herramientas de asistencia y tecnologías adaptativas que ayudan a los usuarios con discapacifad a acceder a contenidos digitales.
	Has aprendido lo que son las WCAG, los principios de diseño universal, y cómo medir la accesibilidad de un sitio web.			Has adquirido conocimientos prácticos para diseñar y probar contenidos web con el fin de garantizar que cumplen las normas de accesibilidad.