Accesibilidad web: qué es y cómo mejorarla

Definición de accesibilidad web

Se considera una página web accesible cuando se maximiza la facilidad de uso para la inmensa mayoría de población, independientemente de sus capacidades físicas, personales o técnicas.

Dado el uso tradicional de este concepto normalmente se le asocia únicamente a la adaptación de los sitios web a personas con discapacidades visuales o auditivas, pero actualmente ya se enfoca mucho más allá y se tienen en cuenta todo tipos de públicos y situaciones. Piensa en distintos escenarios:

• No eres ciego, pero no ves a la perfección y tienes problemas para leer el texto de una web por su tamaño o contraste de colores
• Te has lesionado y puedes navegar por Internet pero no puedes interactuar bien con el mouse o el teclado
• Quieres consumir un contenido de vídeo, no tiene auriculares y no quieres molestar a todo el vagón de tren
• Tienes 90 años y sabes escribir pero tardarías minutos en realizar una búsqueda escrita en Google
• Aterrizas a una web interesantísima, que está en ruso
• Eres daltónico
• Vives en una localidad rural y no tienes conocimientos ofimáticos avanzados

Esta profundización del concepto de accesibilidad web se ha transformado sobre todo a raíz de la pandemia, durante la cual el acceso y uso de Internet se incrementó exponencialmente, y en cuyo escenario se vieron muchas carencias de accesibilidad de plataformas digitales. Las administraciones públicas, especialmente en Europa, se han sensibilizado sobre esta situación, y han realizado actuaciones para mejorar la accesibilidad web de los sitios gubernamentales (todavía muy lejos de alcanzarlo por estos lares), o por ejemplo vinculando las ayudas públicas a la necesidad de tener webs accesibles. Sin ir más lejos uno de los requerimientos de las webs realizadas mediante los fondos del kit digital es acreditar su accesibilidad.

Actualmente la accesibilidad web la podríamos encajar como una de las disciplinas que se incluyen en la experiencia de usuario, y debería ser un apartado de consideración en cualquier auditoría UX.

Cómo medir la accesibilidad web

Existen numerosas herramientas y recursos online para medir la accesibilidad de las páginas web. En primer lugar, como siempre, te recomendamos usar las que Google pone a nuestra disposición. Encontrarás una evaluación de nuestra accesibilidad tanto en el PageSpeed Insights, como en el informe de Lighthouse para Chrome:

Una opción para analizar la accesibilidad más en profundidad es la conocida Wave, en la que nos entrega un informe muy completo y en el que nos da pistas además de cómo mejorar:

Una alternativa, quizá menos exhaustiva pero muy gráfica y clara, es el Accesibility Checker. Contiene configuración en función de tu localización, un score muy visual, y la posibilidad de bajarte su auditoría:

Y a nivel de documentación, como siempre os recomendamos consultar la documentación oficial de Google, que tiene un apartado en web.dev para accesibilidad web. Google tiene como referencia las Web Content Accesibility Guidelines (WGAG 2.0). Además para comprobar si cumplimos con los estándares de accesibilidad para Google, nos recomiendan usar esta checklist de WebIAM.

Cómo mejorar la accesibilidad web

En la mayoría de casos se trata de aplicar la empatía y el sentido común. En cualquier caso algunas medidas que podemos implementar, por ejemplo:

• En los formatos de vídeo: facilitar transcripción y/o subtítulos
• En los formatos de texto: facilitar locución en voz o versión en vídeo
• En los buscadores: opción de buscar por voz
• En los formatos de texto: facilitar herramientas de traducción
• En los e-commerce: facturas en braille

Esas acciones las podemos implementar manualmente, o bien ayudarnos de aplicaciones y programas externos.

Herramientas para mejorar la accesibilidad web

Aquí también tenemos numerosas opciones. Equalweb es probablemente la más conocida y reconocida (de hecho seguro que te la has encontrado en sitios en los que has navegado), pero es de pago y no siempre vamos a poder o estar dispuestos a invertir en este tipo de herramientas.

Funciona de la siguiente manera: cuando accedemos a una web con esta tool, vemos un icono que nos remite a un pop-up, en el cual nos permite configurar nuestro perfil de accesibilidad, y en función de él adapta los contenidos web:


Si usas Wordpress, para este CMS, existen varios plugins gratuitos a tu disposición, y aunque no cubren todas las posibilidades y en ocasiones fallan, siempre será mejor que no implementar nada. El más conocido es ONE click accesibility, pero no el único.

Conclusiones

La accesibilidad web es algo que deberíamos cuidar muchísimos más en las páginas que creamos o poseemos. Fíjate en tu alrededor y verás como muchos espacios o contenidos se han adaptado a personas con dificultades para poder acceder antaño. Este proceso debemos llevarlo también a nuestros sitios web, para poderlos hacerlas accesibles a todos los públicos, sin distinciones.

Este debería ser un argumento ya suficientemente potente, pero si no te ha terminado de convencer, lo podemos reforzar con más:

• si el público de tu web es heterogéneo, y pueden haber personas como las descritas en este post, implementar mejoras de accesibilidad va a mejorar su experiencia de usuario, y como ya sabes eso significa más estancia en la web, más consulta de páginas, menos rebote… y más conversiones.
• ya lo hemos explicado en otros contenidos, pero por si todavía no lo sabes, una mejor experiencia de usuario tiene impacto indirecto en tu posicionamiento SEO.
• mejora la reputación de tu marca, pues es una medida de impacto positivo para todas las personas que visiten tu web, independientemente de que usen o no determinadas funcionalidades. Se podría enmarcar como una medida RSC.
• se abre la oportunidad de aumentar tu tráfico y audiencia, pues seguramente a día de hoy muchas personas no visitan tu sitio porque no pueden usarlo con fluidez.