En la actualidad, es casi imposible ver la vida sin la tecnología, que se ha convertido en una parte integral de las personas. Una de las tecnologías indispensables para el desarrollo diario es el Internet; que, de acuerdo con datos de Google, es utilizado por alrededor del 60% de la población.
Del total de la población mundial, alrededor de 1,000 millones sufren de una discapacidad; es decir, uno de cada ocho personas. Algunas de las discapacidades dificultan el consumo del contenido en Internet y otras tecnologías relacionadas si no se cumple con los principios de accesibilidad.
¿Qué es la accesibilidad?
La accesibilidad es conocida como la capacidad de acceder a dispositivos, servicios y productos para las personas que sufren una discapacidad o deficiencia, como las personas con debilidad visual. Esto no sólo evita que estos usuarios no puedan acceder a los servicios, productos o información que brindas en tu sitio web, sino que pueden sentirse discriminados debido a la discapacidad que sufren.
En el caso de la accesibilidad web, hay diferentes funciones que se pueden aplicar desde el diseño y programación que garantice a estos usuarios el acceso, interacción y mejor experiencia del usuario con tu sitio web.
Accesibilidad web
La accesibilidad web es parte de la experiencia del usuario de tu sitio web. Se centra en diseñar y desarrollar sitios que sean accesibles para las personas con discapacidades, cumpliendo con los principios de inclusión universal que se superponen con la usabilidad.
¿Hay diferencia entre usabilidad y accesibilidad?
La accesibilidad se centra en que el diseño y contenido del sitio sea accesible a personas con discapacidad, que requiere de tareas específicas. Por su parte, la usabilidad se enfoca en la experiencia del usuario en general.
Importancia de la accesibilidad web para la UX
Tan sólo en México, hay alrededor de 2.5 millones de personas con diferentes niveles de deficiencia visual, y son únicamente una parte de la población que requiere de una mejor accesibilidad a los sitios web.
Por esta razón, las empresas socialmente responsables deben contar con un diseño y contenido que pueda ser accedido de forma universal; para ello, hay varias técnicas que se pueden aplicar.
Atributo ALT para imágenes y gráficos
El atributo ALT no sólo funciona para el posicionamiento SEO, también ayuda a la accesibilidad de los usuarios. Entre más detallado y descriptivo sea, más eficiente es. Por ejemplo, si la imagen muestra a un auto azul, no sólo debe colocar «Auto azul», sino crear un texto descriptivo completo: «Un auto compacto de dos puertas, con carrocería azul, de la marca X, frente a una casa».
Este atributo ayuda a que las personas con discapacidades que utilizan tecnologías de asistencia, como lectores de texto con voz, puedan conocer de qué se trata la imagen.
Subrayar textos con hipervínculos
Un porcentaje importante de las personas con daltonismo no pueden diferenciar entre los textos normales y el de los enlaces, porque son elementos similares y los colores no suelen variar mucho. Esto dificulta la interacción y navegabilidad del sitio web.
Esto se puede solucionar con facilidad de varias formas. La más popular es subrayar y poner en negritas el texto del enlace para que sea más fácil de reconocer. De igual manera, utiliza botones en lugar de texto en los CTA, para que destaquen del texto normal.
Sitio web compatible con el teclado
No todas las personas utilizan o pueden utilizar el mouse, por lo que es importante que tu sitio web sea accesible al 100% con solo teclado. De igual manera, muchas tecnologías de asistencia basan su navegación exclusivamente al teclado y deben poder utilizar todas las funciones principales del sitio web. Esto incluye el acceso a todas las páginas, enlaces, contenido, entre otras.
Elige los colores con cuidado
Si bien el sentido común indica que al crear un diseño responsivo para tu sitio web utilices los colores de tu imagen corporativa, algunas personas tienen problemas para identificar algunos colores y generará problemas en la experiencia del usuario.
El problema principal se encuentra en los contenidos de texto, donde suelen utilizarse fondos de colores con textos con bajo contraste, como un fondo azul con letras grises. Para garantizar una buena lectura, no sólo con personas con discapacidad, asegúrate de seleccionar colores que contrasten bien para que puedan distinguir entre varios elementos de la página.
También evita colores que sean contradictorios y que causan fatiga visual. Estos colores suelen ser la principal causa de dolor de cabeza en personas con deficiencias visuales y daltonismo que pasan mucho tiempo en la web.
Estructura el contenido correctamente
Además de ser indispensable para las estrategias de creación de contenido, estructurar el sitio con encabezados H1, H2, H3, H4… mejorará el flujo de navegación y ayudará a entender la información.
Los encabezados permiten a las herramientas de asistencia interpretar y jerarquizar el contenido de las páginas. Lo que tiene beneficios para el SEO.
Evita las tablas para datos no tabulares
Las tablas suelen ser útiles para mostrar datos, hacen que sea más fácil leerlos y relacionarlos cuando se agrupan en categorías. Sin embargo, algunos diseñadores web abusan de ellos y crean tablas complejas que reducen la accesibilidad web.
Lo mejor es evitar el uso de tablas para cualquier cosa que no sean datos tabulares, como listas, categorías de productos u otros. Las tablas complejas requieren de codificación HTML adicional para mantener estándares de accesibilidad web.
Evita la navegación reproducción multimedia automatizada
La reproducción multimedia automatizada puede ser muy molesta, sobre todo para los usuarios que usan herramientas de accesibilidad. Si hay música o videos que se reproducen automáticamente cuando un sitio se carga, afecta otras actividades que realiza el usuario y suele ser molesto.
También es mejor evitar la navegación automática, como carruseles y controles deslizantes (con algunas excepciones para UX). Esto puede ser frustrante si el usuario necesita más tiempo para absorber toda la información antes de pasar a la siguiente sección.
Crea contenido basada en la accesibilidad
Seguramente has escuchado que el contenido es el rey. Al día se publican millones de contenidos en toda la web. Para que cumpla con los estándares de accesibilidad, es importante que desde su creación se tomen en cuenta ciertos factores, como:
- Escribe acrónimos y abreviaturas correctamente.
- Dar formato a los enlaces.
- Agrega texto descriptivo a los elementos multimedia.
- Usar texto de anclaje.
- Estructura correctamente el texto.
- Usa un lenguaje sencillo.
La accesibilidad es indispensable para tu negocio
Todas las personas, sin importar sus capacidades, se merecen el derecho a un uso de la web sin barreras. No sólo es un tema de ética e inclusión, también muestra el compromiso que tiene tu empresa con la sociedad. Si no se toma en serio la accesibilidad, las personas con discapacidades esencialmente no podrán interactuar por completo con tu contenido.
Si necesitas apoyo para que tu sitio web cuente con los principales parámetros de accesibilidad, acude con la mejor agencia de marketing digital en México y Latinoamérica: Diseño y Optimización Online. Contamos con cobertura en toda la República Mexicana y a nivel internacional en Perú, Colombia, EE. UU., Costa Rica, Chile y Argentina. Llámanos al (800) 890 3864 o llena el formulario de nuestro sitio web para recibir una evaluación gratuita de tu sitio web.