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.