¿Son realmente accesibles los ‘overlays’ en la web?

3 julio, 2024

Experiencia de Usuario para empresas

Explicamos en este post qué son los 'overlays' en las páginas web y aplicaciones, y los desafíos que presentan en lo relativo a la accesibilidad digital

[contact-form-7 id="22307" title="Formulario Blog"]

Resumen

Los 'overlays' ofrecen tanto oportunidades como desafíos. Aquí descubriremos cómo estas capas visuales afectan a la experiencia de usuario y a la accesibilidad digital.

En el fascinante universo digital, los overlays ofrecen tanto oportunidades como desafíos. ¿Pero qué ocurre cuando desvelamos la verdad sobre su accesibilidad en la web? Aquí descubriremos cómo estas capas visuales afectan a la experiencia de usuario y a la accesibilidad.

Definición de overlay de accesibilidad

En primer lugar, hablaremos de los overlays, en el contexto digital. Se refieren a capas visuales que se superponen al contenido principal de una página web o aplicación. Estas capas adicionales pueden tener diversas funciones, como mostrar información adicional, presentar anuncios, solicitar interacciones del usuario, o proporcionar notificaciones.

Pueden tomar diversas formas, como ventanas emergentes (pop-ups), modales que ocupan toda la pantalla, banners que se deslizan desde el borde, entre otros. Su propósito varía y puede incluir desde la captación de la atención del usuario hasta la presentación de contenido crítico, aunque más tarde hablaremos de los diferentes tipos que hay y como funcionan.

Hay que añadir a esto que los overlays no es solo cosa de páginas web, si no también las hay en plataformas como YouTube, Twitch, Discord e incluso en Photoshop para agregar efectos a las imágenes.

Importancia de la accesibilidad en la web

Es importante utilizar overlays con precaución, ya que un uso excesivo o intrusivo puede afectar negativamente a la experiencia de usuario y a la accesibilidad del sitio web.

A primera vista, estos elementos visuales pueden pasar desapercibidos, pero las personas que dependen de tecnología de asistencia son las verdaderas testigos de su presencia. Estas capas visuales, aparentemente inofensivas, pueden convertirse en obstáculos invisibles para aquellos que necesitan adaptaciones para navegar por la web.

La tecnología de superposición (overlays) puede interferir con las configuraciones preferidas de los usuarios que utilizan tecnología de asistencia, anulando sus preferencias y dificultando el acceso al contenido. Esto reduce la accesibilidad y puede obligar a los usuarios a adaptarse a la superposición, en lugar de usar sus configuraciones preferidas.

Como funcionan los overlays de accesibilidad

Estos son algunos tipos de overlays de accesibilidad que, en apariencia, prometen funciones atractivas al momento de adquirirlos, pero en la realidad, no cumplen con lo prometido:

– Lectores de pantalla virtuales:

Descripción: Simulan la experiencia de un lector de pantalla para permitir a los usuarios probar la accesibilidad de su sitio web.

Función: Ayudar a identificar y corregir problemas de accesibilidad relacionados con la lectura de contenido.

– Ajustes de contraste y tamaño de texto:

Descripción: Permiten a los usuarios personalizar el contraste, el tamaño y el estilo del texto.

Función: Mejorar la legibilidad del texto para usuarios con discapacidades visuales o dificultades de lectura.

– Funciones de lectura en voz alta:

Descripción: Ofrecen capacidades de lectura en voz alta para mejorar la accesibilidad para personas con discapacidades visuales o de lectura.

Función: Proporcionar una alternativa auditiva para la información visual.

Ayudas de navegación simplificadas:

Descripción: Incluyen opciones como menús desplegables simplificados o teclas de acceso rápido.

Función: Facilitar la navegación para usuarios con dificultades motoras o cognitivas.

– Ajustes de interactividad:

Descripción: Permiten ajustar la velocidad de animaciones o desactivar ciertos elementos interactivos.

Función: Adaptar la interacción del usuario para aquellos que pueden verse afectados negativamente por ciertos estímulos visuales o interacciones rápidas.

Ventajas y desventajas

Como única ventaja se podría decir que están creados para dar soluciones rápidas y fáciles para hacer que lo sitios sean más accesibles, aunque como ya he dicho antes muchos de ellos no abordan los problemas de la accesibilidad.

Si embargo hay bastantes desventajas, en primer lugar, algunos overlays pueden presentar desafíos de accesibilidad, especialmente para personas con discapacidades visuales, algunos te obligan a usar la superposición en lugar de poder usar tus recursos.

En segundo lugar, los overlays pueden no funcionan de manera uniforme en todos los dispositivos y navegadores. Muchos de ellos están diseñados para pantallas grandes o no se ajustan bien al cambio de orientación.

En tercer lugar, pueden interferir con las funciones normales del navegador, como la navegación hacia atrás o desactivación del botón derecho del ratón.

También, los overlays complejos pueden tener un impacto significativo en el rendimiento de la página o la aplicación.

Por último, si hablamos de accesibilidad estamos diciendo que es un proceso continuo de mantenimiento y los overlays normalmente no se actualizan regularmente, por lo tanto pueden llegar a dejar de ser efectivas.

Alternativas a los overlays

Como habéis podido observar los overlays no siempre son nuestros mejores aliados, por no decir nunca; es mejor ponerse en manos de expertos en accesibilidad web, en vez de caer en la trampa e invertir en herramientas que no son accesibles (ya que te presentan la información de manera persuasiva y atractiva) y así hacer un mundo más inclusivo para todo tipo de usuarios que navegan por nuestras webs.

¡Mejor, ponte en manos de expertos, la accesibilidad te guiará hacia tus proyectos!

Riesgos legales

Los proveedores de estos servicios aseguran que son 100% accesibles e intentan imitar a las funcionalidades que ya existen en los navegadores y sistemas operativos. Esto hace que haya páginas en las que navegar por ellas sea dificultoso, además que solo pueden detectar entre un 20% – 30% de problemas de accesibilidad.

Hay que añadir que dicen que garantizan el cumplimiento legal y reglamentario que cubre la norma WCAG 2.1 y 2.2 AA. Hasta el día de hoy no hay ninguna tecnología que solucione la accesibilidad en las webs al 100%. Por otro lado, muchos de ellos mienten sobre el número de clientes que tienen y los productos parecen más populares de lo que son en realidad.

La mayoría de las funcionalidades replican características ya presentes en navegadores y sistemas operativos. En lugar de duplicar estas funciones, sería más eficiente que los usuarios conocieran las características existentes. Además, algunas superposiciones pueden rastrear automáticamente el uso de tecnologías de asistencia, lo cual puede plantear problemas de privacidad, ya que la información sobre discapacidades suele ser confidencial. La opción de optar por no participar en este seguimiento es crucial.

Las superposiciones no arreglan la accesibilidad de un sitio web y no cumplen con la legislación europea. Creer lo contrario puede llevar a una percepción equivocada. La mejora de la accesibilidad debe abordarse directamente en el diseño y desarrollo del sitio.

Además, una gran mayoría 67% de los encuestados califica estas herramientas como nada o poco efectivas y solo el 3,3% las califica como muy efectiva. En el caso de las personas con discapacidad un 72% en la encuesta de WebAIM, una entidad sin ánimo de lucro dedicada a la investigación en accesibilidad web, califica los overlays o widgets de accesibilidad como poco o nada efectivos y solo un 2,4% las calificó como muy efectivas. Sus informes revelan que la experiencia del usuario mejora significativamente en páginas que no utilizan estos elementos de accesibilidad.

Ver más historias