Por qué un widget de overlay no te protege (y qué sí lo hace)

Respuesta corta. Un widget de overlay pone una capa de JavaScript sobre tu web y promete hacerla "100% accesible" con una sola línea de código. En realidad no repara tu código subyacente, puede añadir nuevas barreras y no te protege contra reclamaciones: el organismo regulador estadounidense FTC multó en 2025 a un gran proveedor de overlays con $1 millón por afirmaciones de cumplimiento engañosas. Lo que sí funciona: resolver los errores en su origen, en tu propio código.

¿Qué hace en realidad un widget de overlay?

Un widget de overlay es un fragmento de JavaScript que del lado del cliente —recién en el navegador de tu visitante— pone una capa sobre tu web. Intenta reinterpretar y adaptar el HTML en el momento de la carga (a menudo mediante un Shadow DOM), pero no cambia el código fuente subyacente en tu servidor. Por eso sigue siendo una intervención cosmética, no una reparación real.

¿Repara un overlay los errores reales?

No. Como el código en sí no cambia, los errores reales siguen existiendo. Un formulario de pago inaccesible sigue siendo inaccesible; el widget, como mucho, le pega algo por encima. Además, en cuanto modificas tu tema o una app, la "reparación" puede volver a romperse.

¿Puede un overlay añadir nuevas barreras?

Sí, con regularidad. Los overlays intervienen automáticamente en tu página y a veces introducen precisamente nuevos problemas: piensa en el foco que salta, anuncios duplicados para los lectores de pantalla o botones que de repente dejan de funcionar. Por eso muchos usuarios expertos y usuarios de lectores de pantalla prefieren desactivar los overlays: la herramienta que debería ayudarles se les pone en medio.

¿Ralentiza un overlay tu web?

Sí. Un overlay carga en cada vista de página JavaScript adicional que rastrea y adapta el DOM. Eso cuesta tiempo de carga y afecta a tus Core Web Vitals, en particular el INP (Interaction to Next Paint), que Google tiene en cuenta para tu posicionamiento. Lo irónico: la herramienta que debería mejorar tu accesibilidad hace tu web precisamente más lenta, también para los usuarios con una discapacidad que son los que más se benefician de una página rápida. Así que lo pagas doble: en experiencia de usuario y en SEO.

¿Te protege un overlay contra multas y reclamaciones?

Esta es la pregunta más importante, y la respuesta es no. Un overlay no te hace demostrablemente compatible y no te exime de la aplicación de la ley ni de reclamaciones. Es más: el organismo regulador estadounidense FTC multó en 2025 a un conocido proveedor de overlays con $1 millón por afirmaciones de cumplimiento engañosas; la propia promesa resultó ser el problema. Y no por nada: ya hay en curso miles de pleitos de accesibilidad, y cientos de ellos contra webs que precisamente usaban un overlay. El widget no las protegió.

Overlay frente a corrección real de código

¿Qué funciona entonces sí contra la inaccesibilidad?

La accesibilidad la resuelves en su origen:

1. Comprueba tu web frente a las WCAG 2.1 AA y ve exactamente qué falla.
2. Repara el código real — a menudo para todo el tema, de modo que una sola corrección cubra de inmediato muchas páginas.
3. Sigue comprobando, porque tu web cambia y se cuelan continuamente nuevos errores.

Es más que un botón, pero es lo único que resiste una inspección, y además te aporta mejoras reales y aprovechables en lugar de una capa por encima. Tanto si te aplica la European Accessibility Act como si simplemente no quieres perder clientes: abordarlo en el origen es a la larga menos trabajo y lo único sostenible.

Empieza por medir

¿Quieres saber qué pasa bajo el capó de tu web? Escanea gratis una página. No recibirás un "100% resuelto" inventado, sino una imagen clara: qué constata con certeza una máquina, qué requiere revisión humana y cómo resolverlo, en menos de 60 segundos, sin cuenta.