Ir para o conteúdo
Mera News

Guia para editoras, capítulo 3

Pop-ups e consentimento

Última revisão em novembro de 2026

Toda caixa que aparece sobre um artigo fica entre o leitor e o motivo pelo qual ele veio. Algumas são exigidas por lei. Muitas não são. Este capítulo trata do que o Google pede, do que os reguladores europeus disseram sobre consentimento e de como criar um aviso que funcione com teclado e leitor de tela. Não é aconselhamento jurídico, então confira o seu banner com o seu próprio advogado.

O que o Google pede

O Google descreve os intersticiais intrusivos como elementos de página que bloqueiam a visão do conteúdo pelo leitor e alerta que eles podem levar a um mau desempenho na busca. A orientação é específica:

  • Não cubra a página inteira.
  • Não envie o leitor a uma página separada para consentimento ou preenchimento. Se todas as URLs redirecionam para uma única página de consentimento, todas as demais podem sair dos resultados de busca.
  • Use banners que ocupem uma pequena fração da tela em vez de intersticiais de página inteira.
  • Tenha o mesmo cuidado com caixas promocionais de qualquer tipo, incluindo avisos de newsletter e de instalação de app.

Para instalações de app, o Google indica opções compatíveis com o navegador, como os Smart App Banners no Safari, ou um banner HTML simples com link para a loja correta.

Os intersticiais exigidos por lei ficam fora dessa orientação. Verificações de idade são o exemplo do Google. Se você precisar de uma, mantenha o conteúdo na página, sob a sobreposição, para que ainda possa ser indexado.

Os Better Ads Standards tratam de publicidade. Os anúncios em pop-up constam tanto no computador quanto no celular. No celular, os anúncios prestitiais constam com ou sem contagem regressiva. No computador, o formato listado é o prestitial com contagem regressiva, e um que possa ser dispensado na hora não fica abaixo do padrão.

O que os reguladores europeus disseram sobre consentimento

O Comitê Europeu para a Proteção de Dados (EDPB) publicou diretrizes sobre consentimento e um relatório da sua força-tarefa sobre banners de cookies. O relatório da força-tarefa registra um limite mínimo acordado para o tratamento de reclamações, e as regras nacionais continuam valendo, então trate estes pontos como uma base.

  • Nada que exija consentimento roda antes. Cookies que exigem consentimento não podem ser definidos até que o leitor tenha concordado por uma ação positiva.
  • Rolar a página não é consentimento. As diretrizes dizem que rolar ou deslizar não conta, em nenhuma circunstância, como uma ação clara e afirmativa.
  • Caixas já marcadas não são consentimento. O mesmo vale para o silêncio ou para simplesmente continuar usando o serviço.
  • Ofereça uma forma de recusar. A grande maioria das autoridades na força-tarefa considerou uma infração um banner sem opção de recusar em qualquer camada que tenha um botão de consentimento.
  • Não esconda a recusa. Um link de recusa enterrado em um parágrafo, sem nada que chame a atenção para ele, não leva a um consentimento válido. Cores e contraste dos botões são avaliados caso a caso.
  • O acesso não pode depender de aceitar. As diretrizes dão como exemplo de consentimento não dado livremente uma página que bloqueia todo o conteúdo até o leitor clicar em “Aceitar cookies”.
  • Retirar o consentimento deve ser tão fácil quanto dá-lo. Se o consentimento levou um clique, retirá-lo também deve levar. Um link permanente em um lugar visível e padrão é uma opção, e a força-tarefa também menciona um ícone pequeno.

Crie um aviso que todos possam usar

Um banner que não bloqueia a página

Um banner pequeno deixa o leitor continuar, que é o que o Google prefere. Ele ainda precisa atender ao WCAG 2.2. O critério de sucesso 2.4.11, Focus Not Obscured (Minimum), falha se um banner fixo esconder por completo o item que tem o foco do teclado. Adicione um scroll padding igual à altura do banner:

html {
  scroll-padding-bottom: 96px; /* the banner's height */
}

Sobreponha o banner, ou reserve o espaço dele, para que não empurre o artigo para baixo e cause mudança de layout.

Uma caixa de diálogo modal

Se o aviso precisar parar o leitor, crie-o como uma verdadeira caixa de diálogo modal, usando o padrão do W3C.

<div role="dialog" aria-modal="true"
     aria-labelledby="consent-title" aria-describedby="consent-text">
  <h2 id="consent-title">Your privacy choices</h2>
  <p id="consent-text">Choose whether this site may use cookies for advertising.</p>
  <button type="button">Reject all</button>
  <button type="button">Accept all</button>
  <button type="button">Choose settings</button>
</div>
  • Mova o foco para dentro da caixa quando ela abrir.
  • Tab e Shift + Tab percorrem os controles dentro da caixa e voltam ao início em cada extremidade.
  • Escape fecha a caixa. Trate isso como nenhuma escolha feita, nunca como aceitação.
  • Ao fechar, devolva o foco ao elemento que a abriu. Se a caixa abriu ao carregar a página, mova o foco para o início do conteúdo.

No celular

  • Fixe o banner na parte de baixo da tela e mantenha a manchete visível acima dele.
  • Empilhe os botões em largura total para que cada um seja fácil de tocar, com Aceitar e Recusar do mesmo tamanho.
  • Mantenha o texto curto e leve os detalhes para uma segunda camada.
  • Confira o layout em 320 pixels CSS de largura e com o texto ampliado a 200%. Os botões devem continuar acessíveis sem rolar para o lado.

No computador

  • Use uma barra inferior ou um painel no canto, e deixe o artigo livre.
  • Faça todos os controles funcionarem com o teclado, com um indicador de foco visível.
  • Mantenha o texto com taxa de contraste de pelo menos 4,5:1, ou 3:1 para texto grande.

Lista de verificação

  • Carregue a sua página inicial e um artigo com um perfil de navegador novo, em um celular e em um computador. Conte o que aparece sobre o conteúdo.
  • Remova toda sobreposição de página inteira que a lei não exija.
  • Remova qualquer redirecionamento para uma página de consentimento separada.
  • Confirme que nenhuma tag que exija consentimento dispara antes de o leitor concordar.
  • Coloque uma opção de recusar onde houver uma de aceitar, como um botão de peso igual.
  • Remova caixas já marcadas e qualquer lógica que conte rolar a página como consentimento.
  • Adicione um link permanente ou ícone para alterar as escolhas de privacidade, em todas as páginas.
  • Percorra o banner com Tab, sem mouse, e confirme que o foco continua visível e nunca desaparece atrás dele.
  • Teste uma caixa modal com um leitor de tela, incluindo Escape e o retorno do foco.
  • Troque pop-ups personalizados de instalação de app por um banner pequeno.

Fontes