Por que um widget de overlay não protege você (e o que protege)

Resposta curta. Um widget de overlay coloca uma camada de JavaScript sobre o seu site e promete torná-lo "100% acessível" com uma única linha de código. Na realidade, ele não repara o seu código subjacente, pode adicionar novas barreiras, e não protege você contra processos, o órgão fiscalizador americano FTC multou em 2025 um grande fornecedor de overlay em US$ 1 milhão por alegações enganosas de conformidade. O que de fato funciona: resolver os erros na origem, no seu próprio código.

O que um widget de overlay faz, afinal?

Um widget de overlay é um trecho de JavaScript que, do lado do cliente, só no navegador do seu visitante, , coloca uma camada sobre o seu site. Ele tenta reinterpretar e ajustar o HTML no momento do carregamento (muitas vezes via Shadow DOM), mas não muda o código-fonte subjacente no seu servidor. Por isso, continua sendo uma intervenção cosmética, não um reparo de verdade.

Um overlay repara os erros de verdade?

Não. Como o próprio código não muda, os erros reais continuam existindo. Um formulário de checkout inacessível continua inacessível; o widget no máximo cola algo por cima. Além disso, assim que você ajusta o seu tema ou um app, o "reparo" pode voltar a quebrar.

Um overlay pode adicionar novas barreiras?

Sim, com frequência. Os overlays intervêm automaticamente na sua página e, com isso, às vezes introduzem justamente novos problemas, pense em foco que salta, anúncios duplicados para leitores de tela, ou botões que de repente deixam de funcionar. Por isso, muitos especialistas com experiência prática e usuários de leitores de tela preferem desligar os overlays: a ferramenta que deveria ajudá-los acaba atrapalhando.

Um overlay deixa o seu site mais lento?

Sim. Um overlay carrega, a cada exibição de página, JavaScript extra que percorre o DOM e o ajusta. Isso custa tempo de carregamento e afeta os seus Core Web Vitals, em especial o INP (Interaction to Next Paint), que o Google leva em conta no seu ranking. Irônico: a ferramenta que deveria melhorar a sua acessibilidade torna o seu site justamente mais lento, inclusive para os usuários com deficiência que mais se beneficiam de uma página rápida. Você paga, portanto, duas vezes: na experiência de uso e no SEO.

Um overlay protege você contra multas e processos?

Esta é a pergunta mais importante, e a resposta é não. Um overlay não torna você comprovadamente em conformidade e não isenta você de fiscalização ou processos. Mais do que isso: o órgão fiscalizador americano FTC multou em 2025 um conhecido fornecedor de overlay em US$ 1 milhão por alegações enganosas de conformidade, a própria promessa se revelou o problema. E não é à toa: já correm milhares de processos de acessibilidade, e centenas deles contra sites que justamente usavam um overlay. O widget não os protegeu.

Overlay versus correção de verdade no código

O que funciona, então, contra a inacessibilidade?

A acessibilidade você resolve na origem:

1. Avalie o seu site em relação ao WCAG 2.1 AA e veja exatamente o que está errado.
2. Repare o código de verdade, muitas vezes no nível do tema, para que uma correção cubra logo muitas páginas.
3. Continue avaliando, porque o seu site muda e novos erros se infiltram continuamente.

Isso é mais do que um botãozinho, mas é a única coisa que resiste a uma fiscalização, e ainda lhe rende melhorias reais e úteis em vez de uma camada por cima. Quer você se enquadre na European Accessibility Act ou simplesmente não queira perder clientes: atacar na origem é, no fim, menos trabalho e a única coisa durável.

Comece medindo

Quer saber o que se passa por baixo do capô do seu site? Faça uma varredura gratuita de uma página. Você não recebe um "100% resolvido" inventado, mas um panorama claro: o que uma máquina constata com certeza, o que exige revisão humana, e como resolver, em menos de 60 segundos, sem conta. Escaneie seu site gratuitamente.