Accesibilidad web: ¡contribuye con un internet más justo e inclusivo!

La accesibilidad web debe preocuparte tanto si eres un usuario común de internet, como si eres el dueño de una empresa con presencial digital. Por la familiaridad que todos tenemos con las plataformas digitales, damos por sentado que el acceso a ellas es un proceso sin inconvenientes. Sin embargo, no siempre sucede así. Entre todos los usuarios web, quienes más lo sufren son personas con alguna discapacidad.

En un informe publicado en el blog de Crown Peak, se afirma que el 71% de personas con discapacidad que visitan una página con problemas de accesibilidad web la abandonan. Además, uno de los datos más preocupantes del informe es que el 98% de sitios web top del mundo no ofrecen accesibilidad web total.

Por tales razones, en este artículo, vamos a explicarte el significado de accesibilidad web, cuál es la normativa, sus elementos y las mejores prácticas para hacer sitios web accesibles. ¡Haz un internet para todos!

¿Qué es la accesibilidad web?

La accesibilidad web es el conjunto de prácticas de diseño y desarrollo para crear sitios web entendibles y operables; especialmente para personas con discapacidades de movilidad, visión, audición, cognición o de otro tipo. Para lograr sitios con accesibilidad web, es necesario seguir ciertas pautas y normativas de experiencia de usuario que satisfagan las necesidades de personas con discapacidad.

El concepto de accesibilidad web implica una responsabilidad social empresarial del sitio web por cumplir con estándares que beneficien a usuarios con limitaciones. Más allá de esta gran razón, otro motivo para cumplir con los requisitos de accesibilidad web es que esta ayuda a que las páginas web sean ubicables por los motores de búsqueda y navegables por cualquier usuario, independientemente de sus capacidades, lo cual beneficia los objetivos comerciales de toda empresa.

Elementos de accesibilidad web

Como lo dice Raúl González, profesor de nuestro curso online de Accesibilidad web, es muy importante “considerar la diversidad de necesidades que tus creaciones cubren y aprender a aplicar los principios del diseño web inclusivo”. Esto significa que para crear sitios web inclusivos, debes considerar los componentes que forman una web accesible y entendible por todos.

1. Contenido

El contenido es la información incluida en cualquier sitio o aplicación web. Por un lado, están los contenidos con forma explícita para los usuarios, como el texto, los sonidos, las imágenes y los videos. También se incluyen los contenidos que el usuario no percibe en la superficie, pero que permiten un sitio web funcional, como el código HTML y CSS, que facilitan la estructura y el aspecto visual de las páginas.

2. Agentes de usuario

Los agentes de usuario en la accesibilidad web son aquellos recursos o componentes sobre los que el usuario ejecuta acciones. Entre ellos, están los navegadores web, los navegadores de las versiones móviles, los software de reproducción audiovisual, las extensiones web y las tecnologías de asistencia.

Fuente: Unsplash

3. Herramientas de autor

Para mejorar la accesibilidad web, las herramientas de autor son muy importantes, pues estos software permiten crear sitios web fáciles de usar por cualquier usuario. Por ejemplo, los editores para el código o los administradores de contenido web (CMS), como WordPress. 

4. Herramientas de evaluación

Si quieres medir el cumplimiento de la accesibilidad web de cualquier página, las herramientas de evaluación son elementos imprescindibles. Estas ofrecen un diagnóstico de las deficiencias de accesibilidad en una página web, así como recomendaciones sobre aspectos a mejorar de cara a la experiencia del usuario con discapacidad.

Normas de accesibilidad web

La World Wide Web Consortium (W3C) es una comunidad internacional que agrupa a organizaciones, consejeros, entusiastas y usuarios de internet. Su líder es Tim Berners-Lee, el creador de la World Wide Web. Tiene como objetivo desarrollar pautas y estándares para un uso de internet que sea igualitario, equitativo y que beneficie a la mayor cantidad de personas en el mundo.

Bajo esta premisa, desarrollaron el Web Content Accessibility Guidelines (WCAG), que es una guía de accesibilidad web con recomendaciones para crear y gestionar sitios webs y aplicaciones que sean usables por personas con discapacidad. El contenido de esta guía es la base para la legalidad de la accesibilidad web en todo el mundo y que ha inspirado la aparición de otras normativas al respecto, como en Canadá y la Unión Europea.

Niveles de la guía WCAG

Existen 3 niveles para el cumplimiento de los requisitos de accesibilidad para contenidos en la web recomendados en la WCAG. Aquí tienes una descripción de cada uno:

• Nivel A: Este nivel es el más sencillo de cumplir. Contiene requerimientos de accesibilidad web básicos. Si un sitio no cumple con el nivel A de la guía WCAG, significa que la página no tiene ningún criterio de accesibilidad web.
• Nivel AA: Este es el conjunto de recomendaciones para sitios web accesibles más utilizado. Reúne las mejores prácticas para favorecer a usuarios con discapacidad, pues evita los problemas más recurrentes que enfrentan estas personas cuando interactúan con el contenido de una web.
• Nivel AAA: Aunque este nivel es el parámetro ideal para el diseño y desarrollo de sitios web accesibles, es mucho más difícil de alcanzar para los administradores de páginas web. Si se tienen los recursos se puede lograr, pero no es estrictamente necesario.

Fuente: Unsplash

Principios de accesibilidad web

Existen 4 importantes pautas de accesibilidad al contenido web. Estas deben guiar los principios de diseño de interfaz para cualquier individuo, entidad u empresa que quiera tener presencia digital con un sitio o aplicación web.

1. Perceptible

Un sitio debe contar con elementos y contenidos perceptibles por los sentidos de los usuarios. El diseño de páginas web accesibles tiene que tomar en cuenta no solo los recursos visuales, sino también los táctiles y auditivos.

2. Operable

Permitir accesibilidad web a personas con discapacidad implica facilitar la operatibilidad de elementos como los botones, los menús de navegación y los controles de un sitio web. Acciones como deslizar, rotar y mover sobre la pantalla tienen que ser procesos fáciles de desarrollar. Si la persona tiene discapacidad motora, deben existir recursos para que use la voz.

Fuente: Unsplash

3. Entendible

La presentación de los contenidos, el diseño de interfaz de usuario y las rutas esperadas de los visitantes en el sitio web tienen que ser predecibles y entendibles de manera rápida. No puede haber ningún elemento o aspecto que interfiera o bloquee la compresión de la información en el sitio web.

4. Robusto

Con esta característica de la accesibilidad web, se pretende que los sitios web mantengan un funcionamiento consistente, sin interrupciones, a lo largo de la sesión que lleve a cabo un usuario con discapacidad.

¿Cómo hacer un sitio web accesible?

Para respetar estos principios de diseño accesible y universal, tienes que implementar ciertas prácticas efectivas. Aquí te dejamos una lista con las mejores prácticas de accesibilidad web.

1. Crear textos alternativos

Si quieres crear un sitio web accesible para personas con discapacidad visual, debes crear textos alternativos que acompañen a las imágenes o al contenido audiovisual. De esa manera, estas personas podrán entender el contenido. Un ejemplo de accesibilidad web en este aspecto es el Alt text image.

2. Ofrecer transcripciones para contenido en audio

En caso de que el contenido esté basado en audio extenso, como el formato podcast, considera incluir una transcripción del mismo. Si no es posible, es bastante conveniente que, por lo menos, exista un resumen de la información. Esto favorece tanto a usuarios con discapacidad, como a visitantes regulares.

3. Estructurar contenido adaptable y predecible

Para que el contenido pueda ser consumido fácilmente, su estructura debe ser amigable. Es decir, tienes que usar encabezados con distintas jerarquías, listas de bullet points, textos resaltados en negrita y marcados en cursivas. Además la estructura tiene que estar programada de tal manera que, si en algún momento se cambia de diseño de apariencia, la estructura de la información siga siendo la misma.

4. Diseñar formatos de navegación accesibles

Los formatos de navegación, como los menús y barras laterales, deben ser visibles y detectables a lo largo de toda la web. El diseño de la interfaz de usuario tiene que priorizar la ubicación de estos elementos para que las personas con discapacidad cuenten con una guía de navegación efectiva. Este rasgo de accesibilidad web favorece bastante las prácticas de diseño web de negocios.

Fuente: Unsplash

5. Potenciar el uso del teclado

Existen personas que, por algún problema motor o cognitivo, no pueden usar el mouse o mando externo de una computadora. Entonces, es conveniente que, basado en un diseño inclusivo de la página web, se puedan ejecutar todas las acciones desde el teclado. Por ejemplo, que el movimiento del curso con el mouse sea reemplazado con alguno de los botones del teclado.

6. Hacer el contenido fácil de ver y escuchar

Es necesario que incluyas contrastes en el color del contenido para personas que no tienen problemas visuales, pues esto facilita aún la interpretación cuando el mensaje tiene forma visual; esto es igual de importante para personas con daltonismo. Al mismo tiempo, considera agregar un reproductor de audio para conseguir que las personas que no pueden leer consuman el contenido de esta forma.

7. Presentar una declaración de compromiso con la accesibilidad web

Por último, valora incluir una página o sección del sitio web donde se lea un compromiso explícito hacia el diseño inclusivo y la accesibilidad web. Esto permite al visitante entender los valores de los administradores de la página y, si es un negocio, los motivos que mueven a la empresa. Un ejemplo de la atención a la accesibilidad web es el diseño inclusivo de Salesforce, que incluso cuenta con un área llamada Accesibilidad de Producto.

Fuente: Unsplash

Estas prácticas son algunas de las más recomendadas para aplicar al diseño de un sitio web accesible. Si bien es cierto que no todas pueden ser aplicadas al mismo tiempo por falta de presupuesto o recursos, es conveniente que gradualmente los sitios webs que administres cumplan con estas condiciones.

Recuerda que respetar las normas de accesibilidad web es el compromiso de todo participante de internet y una muestra de humanidad necesaria. Asimismo, un sitio web accesible no solo ofrece beneficios a personas con discapacidad, sino que también tiene un impacto positivo en temas como la usabilidad web, la experiencia de usuario y el SEO, tan importantes para la presencia digital de cualquier empresa.

Te dejamos con esta reflexión y esperamos que hayas aprendido las bases de la accesibilidad web. Ahora te invitamos a visitar nuestros cursos online de Desarrollo web y tecnología. ¡Continúa aprendiendo en comunidad!