Overlay de acessibilidade não resolve. O que fazer no lugar

Um widget de acessibilidade é vendido com uma promessa simples: instale uma linha de código e o site fica acessível. Para quem decide, a oferta é tentadora. Para quem usa leitor de tela, o relato recorrente é outro.

Este texto reúne o que as fontes dizem sobre os overlays e o que ouvi de pessoas cegas. No fim, mostra o que fazer no lugar.

Resumo rápido: overlay é um script de terceiros que tenta corrigir a acessibilidade da página por cima do código existente. Os estudos que encontrei indicam que ele ajuda pouco e, para parte de quem usa leitor de tela, atrapalha. Nenhuma ferramenta automática garante conformidade. O caminho que funciona é corrigir o código, testar com tecnologia assistiva e tratar acessibilidade como parte do produto.

O que é um overlay

Overlay é um script que o site carrega para adicionar uma camada de acessibilidade. Em geral aparece como um botão flutuante, que abre um painel para trocar contraste, aumentar a fonte ou ativar um "modo para leitor de tela".

A ideia é corrigir ou compensar problemas do site sem mexer no código dele. É nesse ponto que a promessa e a prática se separam: um problema de semântica no HTML só se resolve no HTML.

O que duas pessoas cegas me disseram

Há algum tempo, conversei com duas pessoas com deficiência visual total sobre o assunto. As duas disseram que os overlays atrapalhavam mais do que ajudavam. O motivo que deram foi que os componentes do overlay não ficavam ocultos do leitor de tela. O leitor encontrava esses elementos no meio da página e a navegação ficava confusa.

Isso é um relato de duas pessoas, sem método de pesquisa. Não é uma amostra e não prova nada sozinho. Também não sei qual overlay cada uma usou. Uso o relato como ponto de partida, e não como evidência. Para o que vem a seguir, procurei estudos.

O que dizem os estudos

Estudo no ASSETS 2024. Makati, Tigwell e Shinohara fizeram uma pesquisa e entrevistas com pessoas cegas e com baixa visão. O resumo publicado pelo centro CREATE (consultado em 17/10/2026) traz os principais pontos:

• até 42% dos respondentes deixaram de usar sites com overlay, e o motivo mais comum foi o site ficar menos acessível do que antes;
• o problema mais frequente foi de layout e navegação, incluindo a dificuldade de buscar informação com o leitor de tela;
• os modos de leitor de tela dos overlays entraram em conflito com o leitor que a pessoa já usava;
• houve casos em que o overlay bloqueou o acesso a serviços essenciais, como os de empresas de utilidade pública.

Nas avaliações de eficácia, entre 34 respostas, 3 consideraram o overlay "muito eficaz", 7 "um pouco eficaz", 8 "pouco eficaz" e 16 "nada eficaz". Ou seja, uma parte achou útil, mas a maioria não.

Dissertação de 2024. Uma dissertação de mestrado (Kubesch, 2024, consultada em 17/10/2026) avaliou overlays com 21 pessoas com deficiência visual permanente. Concluiu que os benefícios eram marginais e que, em alguns casos, o overlay prejudicava o uso. Os participantes preferiam as próprias tecnologias assistivas.

Posição institucional. A página da Arizona State University sobre overlays (consultada em 17/10/2026) afirma que overlays costumam interferir na tecnologia assistiva dos usuários. Quem já configurou o seu leitor de tela teria de abandoná-lo e aprender um substituto menos familiar.

Limites dessas fontes

Os estudos têm amostras pequenas. O do ASSETS inclui pessoas cegas e com baixa visão, então não separa só quem tem cegueira total. A dissertação é um trabalho de mestrado, não um artigo de periódico. A página da ASU não cita estudos para essa afirmação. Por isso falo em indícios consistentes, e não em prova definitiva.

Por que isso pode acontecer

O leitor de tela lê o que está na árvore de acessibilidade do navegador. Se um elemento está na página e não é ocultado, ele pode ser lido. Esta é a minha inferência, a partir do relato que ouvi, e não uma afirmação das fontes citadas.

Nesse caso, o painel do overlay entraria na ordem de leitura, junto com o conteúdo. Para uma pessoa que já navega por títulos e atalhos, um bloco extra de controles no meio do caminho pode confundir.

Você pode testar isso no seu site. Instale o NVDA, que é gratuito, e percorra a página com o overlay ligado. Veja onde os controles dele aparecem.

A promessa de conformidade

Overlays costumam ser vendidos como garantia de conformidade com as WCAG. A Comissão Federal de Comércio dos Estados Unidos (FTC) tratou desse tipo de promessa em um caso de 2025. O comunicado da FTC (22/04/2025, consultado em 17/10/2026) informa que a agência aprovou a ordem final contra a accessiBe, com pagamento de US$ 1 milhão.

A FTC alegou que a ferramenta não tornava todos os sites conformes com as WCAG e que as afirmações eram falsas, enganosas ou sem comprovação. A ordem proíbe a empresa de dizer que seus produtos automatizados deixam um site conforme, sem evidência que sustente a afirmação.

Esse caso é dos Estados Unidos e vale para uma empresa. Não diz que todo overlay é ilegal nem que todo site com overlay está fora da lei. Mostra que a afirmação "instale e fique conforme" não resistiu ao exame de um regulador.

Risco regulatório, em panorama

Não sou advogado, e isto não é parecer jurídico. Fale com o jurídico da sua empresa.

No Brasil, a Lei Brasileira de Inclusão (Lei 13.146/2015) trata da acessibilidade na internet em seu artigo 63. Na União Europeia, o Ato Europeu de Acessibilidade passou a valer em 28 de junho de 2025. Essa data vem da cobertura de escritórios de advocacia, e não li o texto da diretiva.

Nada do que li trata o overlay como atalho aceito para cumprir essas regras. Mas essa é uma ausência na minha pesquisa, e não uma conclusão jurídica.

O que fazer no lugar

1. Corrija o código. Use HTML semântico, rótulos nos campos, texto alternativo nas imagens e contraste suficiente. Segundo o WebAIM Million 2025, as falhas mais comuns são contraste, imagem sem alternativa e campo sem rótulo. Todas se resolvem no código.
2. Teste com o teclado. Percorra os fluxos principais sem o mouse. Se travar, é uma barreira.
3. Teste com um leitor de tela. NVDA no Windows ou VoiceOver no Mac e no iPhone. Ouça o que é anunciado.
4. Use ferramentas automáticas, mas não confie só nelas. O WebAIM adverte que nenhuma ferramenta detecta todas as falhas. Ausência de erros detectados não prova que a página é acessível.
5. Leve a acessibilidade para o design system. Um componente corrigido uma vez beneficia todas as telas que o usam.
6. Ouça quem usa. Convide pessoas com deficiência para testar o produto, com remuneração justa.
7. Publique uma declaração de acessibilidade com os problemas conhecidos e um canal de contato.

O que fazer agora

Ligue o NVDA, abra a página mais importante do seu produto e navegue por títulos e por links durante cinco minutos. Se você usa um overlay, faça o teste com ele ligado e depois desligado. Registre o que muda.

Nota de IA: usei inteligência artificial na pesquisa e no rascunho deste texto. O relato das duas pessoas cegas é de uma conversa minha, e a revisão e as opiniões são minhas. Não tenho relação comercial com o fornecedor de overlay citado nem com qualquer outro. Como escrevo.