Accesibilidad en los sitios web: Inclusión en la era digital

Vizer Soluciones Tecnológicas S de RL VST200630BC7

15 oct

4 min de lectura

¿Qué es la accesibilidad web?

La accesibilidad web es la práctica de diseñar sitios de internet sin barreras, garantizando que el mundo digital sea un lugar cómodo e intuitivo, para que las personas con discapacidades puedan usarlos y consultar la información sin ningún problema.

Salgamos un poco de las pantallas, piensa en las rampas que hay en las esquinas de las banquetas, se diseñaron originalmente para personas en sillas de ruedas. Sin embargo, ¿Quiénes la usan todos los días?

En la web pasa exactamente lo mismo, cuando creamos un sitio accesible, el diseño se vuelve más cómodo y fluido para todo el mundo, sin importar su situación.

Persona escribiendo en su laptop con una prótesis robótica en el brazo izquierdo.

¿Por qué es importante la accesibilidad en un sitio web?

Si tu web no es accesible, te hace invisible a millones de clientes potenciales, según datos de la Organización Mundial de la Salud (OMS), "más del 15% de la población mundial vive con algún tipo de discapacidad. Este segmento demográfico es frecuentemente denominado como el mercado olvidado".

Hoy en día muchas actividades se hacen en línea, como estudiar, buscar trabajo, agendar citas médicas, hacer un trámite del gobierno, etc. Dejar el sitio inaccesible le cierra muchas puertas a varias personas. Pongamos un ejemplo, digamos que en la plataforma escolar no hay buena estructura de encabezados, texto alternativo en imágenes y mucho menos subtítulos en los videos, la persona estudia su educación de nivel medio superior completamente en línea y su condición es la sordoceguera, no va a poder acceder en ningún momento a la información y de esta manera se bloquea su derecho humano básico, el de la educación.

Lo más importante que les da la accesibilidad web a las personas con discapacidades es la autonomía, es decir, no tendrán que depender de alguien más para navegar en el sitio.

¿Cuáles son los 3 errores más comunes de accesibilidad web?

79.1% Un error muy común y que toma el primer lugar, es el texto con bajo contraste, en ocasiones podemos pasarlo desapercibido porque nosotros si lo vemos bien, yo también he caído en eso pensando que no hay ningún problema con los colores hasta que se comprueba el contraste y hay que realizar correcciones.

A quién afecta: Personas con baja visión y daltonismo.

55.5% Imágenes sin texto alternativo como segundo lugar, ocurre cuando se sube una foto relevante al sitio pero no se le pone nada de texto o lo dejan simplemente como "Imagen.png", de esta manera no se describe lo que aparece en la foto y se vuelve una imagen invisible, porque para los lectores de pantalla si no hay una descripción del contenido multimedia, no existe.

A quién afecta: Personas con discapacidad visual total o severa.

48.2% Por último, pero no menos importante, los formularios con falta de etiquetas, o sea la eliminación de los títulos de los campos, como Nombre, Correo y teléfono, y solo queda el texto dentro de la caja que desaparece cuando empiezas a escribir.

A quién afecta: Personas que usan comandos de voz o lectores de pantalla, discapacidad cognitiva.

Ejemplos reales de barreras comunes de accesibilidad

Para quienes no navegan con alguna discapacidad, puede ser difícil de imaginar qué se siente tener una barrera en sitios de internet, por eso aquí recopilamos experiencias reales de usuarios para que les eches un vistazo.

Dhruv es un estudiante sordo:

“Me encanta que mis clases se graben y estén disponibles en línea, pero a veces los subtítulos no transmiten las palabras exactas que dice el instructor, especialmente en algunas de mis clases más técnicas.”

Elias es un arquitecto jubilado de 85 años:

“Cuando inicio sesión en mi banca en línea, tengo que completar un CAPTCHA, pero no puedo leerlo bien”.

Ian es un científico de datos con autismo:

"Me cuesta concentrarme en páginas con muchos elementos. Por ejemplo, las animaciones y los vídeos, sobre todo los que se reproducen automáticamente, me resultan muy frustrantes."

Lakshmi es una contadora senior ciega, depende de un lector de pantalla:

“A veces no puedo controlar ciertas cosas en los sitios web, como botones y enlaces. Puedo oír que están ahí, pero no puedo pulsarlos”.

Buenas prácticas de Accesibilidad web

¿No quieres dejar nada de lado en tu sitio web? procura siempre estos puntos:

Contraste de color adecuado
De esta manera facilitamos la lectura a personas con baja visión, daltonismo y adultos mayores.

Texto alternativo en imágenes
Permite que toda la información relevante de la imagen sea comprensible mediante un lector de pantalla.
Estructura correcta de encabezados
Al tener organizado el contenido de la página beneficia a usuarios con lectores de pantalla, navegadores, dispositivos y otras tecnologías de asistencia.

Navegación con teclado
Beneficia a personas con discapacidades motrices o visuales.

Formularios claros
Etiquetas claras, comprensible y que funcione con tecnologías de asistencia. Al final, termina beneficiando a todos los usuarios.

Enlaces y botones comprensibles
Benefician directamente a personas con discapacidades cognitivas, usuarios de lectores de pantalla, etc.

Si buscas desarrollar tu plataforma bajo estos estándares de inclusión, puedes explorar la creación de sitios web estratégicos diseñados por Vizer para escalar tu negocio.

Mi experiencia con la accesibilidad web

Al no tener que depender de alguien más al 100 para navegar por internet o por un sitio web, la accesibilidad web no estaba tan presente en mi vida, si conocía de los lectores de pantalla, sin embargo, no sabía de la existencia de los elementos y herramientas para diseñar un sitio accesible hasta que tuve una introducción más amplia al mundo de diseño UX/UI.

Me alegro mucho de que exista en el ámbito digital las herramientas para que la experiencia de usuario sea inclusiva y no dejar a nadie de lado, porque como diseñadora me han inculcado mucho la gran responsabilidad de resolver problemas y necesidades, entonces saber que mediante el diseño digital puedo hacer un producto inclusivo, me llena porque yo también formo parte de uno de los grupos que beneficia la accesibilidad web.

Mano sobre teclado de portátil, dedos listos para escribir.

Inclusión en diseño, animación y arte digital

La creatividad y la inclusión no son conceptos independientes, los dos coexisten perfectamente desde la raíz donde la inclusión es uno de los motores de la originalidad y la creatividad en estos ámbitos de diseño y arte, necesita generar ideas novedosas.