Saltar al contenido 
La accesibilidad web es fundamental para mejorar la experiencia de usuario, un parámetro que, estoy seguro, ya sabes que Google utiliza para optimizar la visibilidad SEO de una página. Además, al comprobar la accesibilidad web, también puedes ampliar el alcance de tu público objetivo, encontrar nuevas oportunidades, incrementar el tráfico hacia tu sitio, reducir la tasa de rebote y, por supuesto, aumentar las conversiones.
¿Qué es la accesibilidad web?
La accesibilidad web implica el desarrollo y diseño de páginas, de manera que puedan ser utilizadas por cualquier usuario, incluyendo a los que tienen algún grado de discapacidad. Comprobar la accesibilidad web supone evaluar cómo se adaptan las páginas a las necesidades de los usuarios, no solo desde el ordenador, sino también desde los dispositivos móviles.
Como parte de la accesibilidad web se incluyen analizar los siguientes aspectos:
- El contraste de color.
- Utilizar texto redimensionable.
- Que la página sea compatible con lectores de pantalla.
- La navegación a través del teclado.
- Uso de cursores y controles de tamaño adecuado y que puedan utilizarse fácilmente.
Cuando una web se hace accesible, amplias a tu público objetivo, mejoras la experiencia de usuario, cosa que sirve para escalar posiciones en Google, pues el motor de búsquedas tiene en cuenta a tu sitio a la hora de rastrearlo, indexarlo y mostrarlo en las SERP. Además, es posible que aumenten el tráfico hacia la web y las conversiones, ya sean compras o suscripciones.
Los test para comprobar la accesibilidad web
A la hora de comprobar la accesibilidad web es importante tener en cuenta a aquellos usuarios que podrían tener dificultades para navegar por Internet. Aquí se incluyen los grupos de personas con discapacidades visual, auditiva, cognitiva y con restricciones de movilidad, pero también a las personas mayores e, incluso, los niños. Como se trata de grupos muy específicos, es fundamental realizar distintos tipos de pruebas:
- Manuales. Implican comprobar los flujos del sitio web y verificar si hay barreras de acceso.
- Automatizadas. Utiliza herramientas capaces de detectar, solucionar y alertarte, de forma repetida, los posibles problemas de accesibilidad.
- Pruebas de usuario. Pregunta a tus clientes, directamente, sobre las dificultades de accesibilidad de tu sitio. Esto te permitirá recopilar información para optimizar tu web.
Comprobar la accesibilidad web, a través de estos test, te permite comprender las necesidades específicas de los usuarios. Así, podrás trabajar en el diseño y desarrollo de tus páginas. Recuerda que con esto, una mayor cantidad de personas pueden ingresar a tu sitio y navegar por él, a la vez que contribuyes a mejorar la UX y el SEO, cosa que, sin duda alguna, necesitas para posicionar en las SERP.
Comprobar la accesibilidad web: 5 formas de hacerlo
Subtítulos para los vídeos y audios
Los subtítulos han cobrado especial importancia, no solo para garantizar la accesibilidad a una web, sino también en las redes sociales. Hoy en día, por ejemplo, Instagram traduce y pone subtítulos, de forma automática, a buena parte de los reels que se comparten. Los subtítulos, en el caso de un sitio web, deben mostrarse en sincronía con el vídeo o el audio.
Te cuento que los subtítulos son de gran ayuda para las personas con dificultades auditivas, pero también para aquellas que se encuentran en entornos ruidosos a la hora de ver tus vídeos. Además, las transcripciones también son una excelente manera de potenciar el SEO de tu sitio, pues permite que el contenido sea más fácil de encontrar.
Texto alternativo para las imágenes
El texto alternativo, que en WordPress se llama «alt text», es una descripción escrita del contenido visual, es decir, imágenes y vídeos. El texto alternativo es, aunque no lo creas, una excelente forma de posicionar tu página cuando se hacen búsquedas por imágenes en Google. Básicamente, se trata de redactar una breve descripción del contenido multimedia, utilizando la keyword principal o sinónimos de esta.
Cuando el usuario hace una búsqueda por imágenes, si utilizas una keyword adecuada, Google mostrará este contenido. Si es atractivo, el usuario hará clic sobre la imagen y después, es posible que acceda a tu página. Pero, además, rellenar el texto alternativo también es importante para aquellos momentos en los que las imágenes no carguen de forma adecuada, pues se muestra el texto alt en la pantalla. También es una descripción que utilizan los lectores de pantalla, por ejemplo, para interpretar los objetos que aparecen.
A la hora de redactar el texto alternativo, busca que este sea conciso, informativo, corto y claro, que incluya la palabra clave principal o sinónimos de esta.
Contraste de color
El contraste es importante y no solo para las personas con algún grado de discapacidad audiovisual, sino para todos los usuarios en general. El contraste de color es la diferencia de luz entre los elementos que aparecen en primer plano y el fondo de tu página. Cuanto mayor sea la diferencia, más fácil será para los usuarios leer el contenido de tu web y desplazarse por esta.
Un contraste fuerte es muy útil para las personas con discapacidad visual, pero también para que el resto de los usuarios no fuerce la vista de más. El contraste de color ideal para el texto y las imágenes es de 4,5:1. Por su parte, las imágenes y los textos grandes deberían tener una relación de contraste de, por lo menos 3:1.
Mucho cuidado, pues el contraste de color no solo se aplica al texto, imágenes y fondo. También es necesario tener cuidado con los links, iconos y demás elementos interactivos de tu sitio.
Comprobar la accesibilidad web: La navegación con el teclado
Muchos usuarios utilizan tecnologías que dependen del teclado para poder navegar por la web. Esto significa que, para garantizar la accesibilidad, debes permitir que las funciones básicas y otros elementos interactivos de tu página, operen, por completo, con un teclado. Este tipo de navegación es útil para las páginas que se muestran en los ordenadores de escritorio, sin necesidad de que el usuario tenga que emplear el ratón.
Básicamente, con el teclado es posible desplazarse hacia abajo, por los menús, abrir enlaces y ejecutar algunas acciones a través de los controles. Esto es importante para los usuarios con movilidad reducida, pero también es muy útil en situaciones de emergencia en las que no es posible utilizar un ratón. Para la navegación por el teclado es necesario incluir indicaciones visuales claras que señalen dónde se encuentra el usuario, así como las acciones que puede realizar.
Los estilos de título en las páginas
La estructura de los contenidos ya no solo es esencial para el SEO y la legibilidad. No me cansaré de repetir que un contenido bien estructurado aporta claridad y facilita la navegación; además, es una excelente oportunidad para introducir las keywords principal y secundarias cosa que, como ya sabes, suma a la hora de posicionar.
Pero cuando se trata de la accesibilidad web, estos encabezados H1 al H6, dotan de jerarquía al contenido, de manera que el texto parece más ordenado y claro; y ayudas a los usuarios a comprender el flujo del texto y el mensaje que quieres transmitir. Por otra parte, los encabezados también los utilizan los lectores de pantalla para que todos los usuarios puedan informarse de tu contenido.
Es posible comprobar los encabezados y su estructura utilizando el backend de tu página o, simplemente, haciendo clic derecho y eligiendo la opción «inspeccionar», en cualquier página.
Herramientas para comprobar la accesibilidad web
Las herramientas de accesibilidad web son software o aplicaciones que se encargan de analizar una página para determinar si esta es accesible o no para los usuarios que presentan alguna discapacidad. Con este tipo de herramientas puedes comprobar, por ejemplo, si tu página funciona por completo sin necesidad de utilizar el ratón o si el contenido multimedia cuenta con el texto alternativo, entre otras.
Lighthouse de Google
Lighthouse es una herramienta con la que es posible optimizar el rendimiento y la calidad de las aplicaciones de la web. Básicamente, se trata de un auditor técnico con el que puedes analizar la accesibilidad de tu sitio. Tiene la característica de ser gratuito y contar con una utilidad de código abierto dentro de DevTools. Lighthouse es una buena alternativa cuando lo que quieres es hacer auditorías básicas de sitio y sin detalles técnicos muy complejos.
Con Lighthouse puedes generar informes automatizados de rendimiento, optimización para motores de búsqueda y, por supuesto, de accesibilidad. Recuerda que si quieres hacer una auditoría más completa de tu sitio, lo mejor será usar herramientas específicas como las que ofrece SEMrush.
WAVE
WAVE o Website Accessibility Versatile Evaluator es una suite de aplicaciones que garantiza la accesibilidad a las páginas. Esta herramienta la pueden utilizar los diseñadores, creadores y autores de los contenidos y permite, además, hacer un seguimiento y emitir informes sobre la accesibilidad de tu sitio. También es posible instalar extensiones de Firefox o Chrome para utilizar WAVE y comprobar, de forma fácil y rápida, páginas individuales.
DYNO Mapper
DYNO Mapper es un software que verifica los contenidos, el mapa del sitio y la accesibilidad web. Incluye múltiples funcionalidades, aunque algunas son de pago, pero es una buena alternativa para realizar pruebas automatizadas. Por otra parte, DYNO Mapper incluye auditorías de sitio, inventario de contenidos y seguimiento diario de las keywords, algo que puede ser de gran utilidad para optimizar el SEO de tu web.
aXe
Pensada para desarrolladores, esta herramienta permite hacer pruebas de accesibilidad web, algo que, sin duda, resulta de gran utilidad si tu proyecto de página todavía está en vías de desarrollo. Esta herramienta, compatible con Firefox y Chrome, es muy intuitiva, fácil de usar y permite generar una lista de errores encontrados en la web analizada.
Web Aim Color Contrast
Ya te adelanté que el contraste resulta esencial para todos los usuarios, si quieres que estos vean tu contenido de forma correcta. Para verificar si tienes suficiente contraste entre el color del texto y el fondo, entonces nada como Web Aim Color Contrast. Esta herramienta te indica, al momento, si los colores que elegiste para tu web son accesibles o no.
Accessibility Insights
Accessibility Insights es una suite desarrollada por Microsoft. Esta suite y todas sus herramientas son muy útiles para los desarrolladores, pues permiten identificar y corregir los problemas de accesibilidad. Además, incluye extensiones de navegador y una aplicación de escritorio; con estas podrás hacer pruebas manuales y de exploración.
