La importancia actual de la accesibilidad es indiscutible. Tanto es así que cada vez está más implantada en prácticamente cualquier sector. A medida que aumenta nuestra dependencia de la red y los servicios digitales (hay empresas que ya están renunciando por completo a los servicios analógicos), garantizar que la web sea un lugar accesible es absolutamente crucial.
Antes de ahondar en el diseño de herramientas en línea accesibles, queremos explicarte qué es la accesibilidad, por qué es importante, a quién afecta y los problemas que afrontan las personas cuando no se prioriza.
¿Qué es la accesibilidad?
A grandes rasgos, podemos decir que la accesibilidad permite que cualquier persona pueda utilizar algo, ya sea un producto, un servicio, una experiencia, una información o cualquier otra cosa con independencia de su situación personal. El término suele estar relacionado con personas con algún tipo de diversidad funcional y, aunque no es nuevo, como Internet relativamente lo es, ahora es más relevante que nunca. Por tanto, la nueva generación de profesionales de la tecnología debe estar preparada para crear diseños inclusivos que garanticen un acceso en igualdad de condiciones para todo el mundo.
Entre las causas más comunes por las que la accesibilidad es necesaria se encuentran la discapacidad visual, auditiva, motora o cognitiva, aunque crear una web verdaderamente accesible va mucho más allá. Al diseñar sitios web accesibles para niños, por ejemplo, los diseñadores deben ponerse en el lugar de los pequeños y crear sitios atractivos, interesantes y coloridos que orienten correctamente a los más jóvenes. Por otra parte, las webs destinadas a personas de la tercera edad no deberían contener texto de pequeño tamaño ni información excesivamente técnica.
Acabamos de desvelar el contenido del resto de la publicación, pero antes de ahondar en los diseños accesibles para los sectores mencionados, vamos a explicar la importancia de la accesibilidad.
¿Por qué es importante la accesibilidad?
Muy sencillo: la accesibilidad permite que todo el mundo, independientemente de su edad, nivel económico, grado de discapacidad o sexo, acceda a los mismos servicios. En caso de servicios públicos, como los de inmigración y salud, es aún más necesario que las personas también entiendan sus derechos.
Debemos esforzarnos para que todo el mundo tenga la posibilidad de ser un miembro activo de la sociedad en todos los aspectos, incluido el diseño web.
Accesibilidad en el diseño web
Como ya hemos mencionado, la importancia de Internet ha aumentado exponencialmente, sobre todo, tras la pandemia de COVID-19. De repente, todo se hacía en línea y las personas con diversidad funcional no siempre podían acceder a la misma información o servicios que los demás. Aquí radica la importancia de la accesibilidad en el diseño web: Internet es una herramienta que puede usarse para difundir información, aprender y conectar con otros, pero esto solo sucede cuando la experiencia produce el mismo resultado para todos los usuarios.
Para que algo sea accesible en línea, debe cumplir los siguientes requisitos:
Perceptible: el usuario debe poder apreciar la información a través de alguno de sus sentidos; por ejemplo, si la web se compone de texto, también debe contener una opción de audio para los usuarios sordos.
Comprensible: el contenido debe ser entendible para el público al que va dirigido; si vas a crear un sitio web para inmigrantes, garantizar que la información esté disponible en varios idiomas facilita esta tarea.
Operable: si alguien solo puede utilizar el ordenador mediante la voz, el sitio web debe funcionar del mismo modo que para alguien capaz de usar el teclado o el ratón.
Robusto: el sitio web debe funcionar del mismo modo que para una persona sin discapacidad, es decir, todos debe tener una experiencia igual de satisfactoria.
¿La accesibilidad y la usabilidad son lo mismo?
La gente suele utilizar “accesibilidad” y “usabilidad” indistintamente, pero existen varias diferencias fundamentales. Aunque comparten similitudes, la usabilidad se centra en la efectividad, la eficiencia y la satisfacción de un diseño, mientras que la accesibilidad prioriza que todos los usuarios, independientemente de su discapacidad, puedan usar dicho diseño correctamente.
Diseños web accesibles
Ahora que hemos explicado qué es la accesibilidad y por qué es importante, sobre todo, en diseño web, vamos a profundizar en el tema con algunos casos específicos y a darte algunas sugerencias. Partiremos de discapacidades específicas, pero también trataremos algunas barreras habituales que no siempre se tienen en cuenta.
Importante: como en todo, los niveles de discapacidad de las personas varían considerablemente. Hay personas completamente ciegas y otras que únicamente no distinguen los colores; un sordo puede comunicarse únicamente por lenguaje de signos o ser capaz de leer los labios.
Accesibilidad visual
Al diseñar una web, ten en cuenta que las personas que no distinguen entre colores similares fácilmente tendrán dificultades con los cambios sutiles; por eso, se recomienda incorporar múltiples elementos en el diseño. Por ejemplo, utiliza tanto el color rojo como la palabra “Error” para comunicarle un fallo al usuario.
En el caso de personas completamente ciegas, incluir opciones de accesibilidad que lean el contenido de la página web supone un antes y un después. Pero ten cuidado: si la web incluye muchas imágenes o un menú, por ejemplo, debes asegurarte de que exista una versión accesible que pueda leerle también esa información al usuario.
Accesibilidad auditiva
Crear un diseño accesible que los sordos o usuarios con problemas de audición puedan utilizar requiere planificación: el uso de subtítulos revisados, sincronizados y que muestren correctamente lo que se dice en los vídeos es fundamental. Y, si el único método de contacto es el teléfono, plantéate añadir una opción de correo electrónico o un chat para que las personas que no puedan comunicarse por vía telefónica puedan acceder de forma igualitaria a tu empresa.
Accesibilidad motora
Las personas con discapacidades motoras pueden sufrir temblores, movimientos involuntarios, parálisis, falta de coordinación o la ausencia de algún miembro, lo que puede dificultar mucho el uso de una web. Afortunadamente, hemos hecho grandes avances en esta área gracias a la creación de teclados personalizados con más espacio entre las teclas o distintas clases de ratones. A la hora de diseñar una web, asegúrate de que todas las funciones estén disponibles mediante el teclado, no el ratón, ya que incluir software que ayude al usuario a navegar es muy sencillo.
Accesibilidad cognitiva
Al hablar de accesibilidad, solemos olvidar que las personas con discapacidades cognitivas también pueden beneficiarse de una experiencia web personalizada. Asegúrate de implementar un diseño claro en tu sitio, con botones y pestañas fáciles de leer y acceder. Por ejemplo, una gran cantidad de texto puede abrumar a un usuario con dislexia. Ofrece información en varios formatos (infográficos, vídeos, etc.) y utiliza un lenguaje sencillo.
Accesibilidad ambiental
¿Se te ha ocurrido pensar alguna vez que alguien puede necesitar tus servicios en un lugar sin wifi ni cobertura? ¿O en lugar público donde no puede introducir datos personales, como la biblioteca? Ofrecer servicios sin conexión y la posibilidad de navegar sin introducir información personal hace que tu sitio web sea más inclusivo.
Accesibilidad educativa
Seguro que alguna vez has acabado en una web llena de terminología técnica mientras buscabas información sobre algo. No todo el mundo tiene el mismo nivel de conocimientos sobre un determinado tema, así que crear contenido muy técnico o denso sobre algo excluye inmediatamente a las personas que no lo conocen. Utiliza un lenguaje sencillo y explicativo y entra en detalle únicamente cuando sea necesario.
Es absolutamente fundamental a la hora de crear contenido para niños. Los niños no solo visitan sitios de juegos y entretenimiento: imagina que trabajas en una web para que aprendan a llamar a los servicios de emergencia en caso de que surja algún problema. Si muestras la información como lo harías para un adulto, es probable que el niño no entienda los detalles más importantes. Utiliza imágenes, incluye vídeos y opciones de audio, y emplea una redacción adaptada a los más pequeños para que el contenido realmente les llegue.
Accesibilidad lingüística
Garantizar que los usuarios tengan el mismo acceso a la información y los servicios independientemente de su lengua materna debe ser una prioridad. Sobre todo, en el caso de servicios del gobierno, de inmigración o para refugiados. Contar con traducciones de calidad, vídeos con subtítulos y métodos de contacto específicos por idioma incluirá a un sector de la población que anteriormente tenía vetado el servicio.
Accesibilidad casual
Se trata del tipo de accesibilidad que menos se tiene en cuenta, pero es tan importante como el resto. ¿Alguna vez has respondido al teléfono en mitad de la noche y la luz de la pantalla te ha dejado ciego momentáneamente? ¿O, medio dormido, has pulsado el botón que no era y has acabado en otra sección de una página web? Dar a los usuarios la posibilidad de bajar el brillo, aumentar el tamaño de letra o usar una configuración en blanco y negro puede hacer el diseño más potable.
Consejos para mejorar la accesibilidad web
Si los puntos que hemos comentado te han convencido de la necesidad de crear un diseño accesible para tu próximo proyecto, lee nuestros consejos para lograrlo:
Incluye a personas con diferentes discapacidades, edades y niveles educativos al crear los perfiles de comprador
Incluye siempre texto alternativo en imágenes y gráficos
Investiga sobre la elección de los colores y el tamaño de fuente antes de tomar una decisión o incluye la opción de ajustar el tamaño
Garantiza que el sitio tenga una versión para el móvil
Ofrece transcripciones y subtítulos de calidad en los vídeos y cualquier elemento con audio
Implementa un diseño y un lenguaje claros y sencillos
Crear contenido accesible es un requisito imprescindible. Cuando te comprometas a crear diseños web realmente accesibles, tu público crecerá y un mayor número de personas podrán disfrutar de tu producto o tu servicio. Si estás listo para dar el siguiente paso y sumergirte de lleno en un diseño web accesible y de alta calidad, el bootcamp de Diseño UX/UI de Ironhack es la elección ideal para ti.
