"O tamanho do alvo para entradas de ponteiro é de pelo menos 24 por 24 pixels CSS, exceto quando:" é a íntegra do Critério de Sucesso 2.5.8, Tamanho do Alvo (Mínimo), antes que comecem as suas exceções.1 Ele está no Nível AA da WCAG 2.2, a Recomendação do W3C de 12 de dezembro de 2024, e traz cinco exceções.1 Uma delas, a exceção Inline (em linha), decide como a regra se aplica a um anúncio dentro de uma frase.2 Antes da exceção vem um problema mais simples: o ponteiro que um leitor de celular leva a uma página não consegue pairar.
Pairar é um evento do computador, e um celular não o tem
A página da MDN sobre a media feature hover diz que ela testa "se o principal mecanismo de entrada do usuário consegue pairar sobre elementos".3 O seu valor "none" abrange um dispositivo que "não consegue pairar de forma alguma ou não consegue pairar de forma conveniente".3 O exemplo dado é o aparelho portátil: "muitos dispositivos móveis emulam o pairar quando o usuário faz um toque longo inconveniente", e é essa emulação que "none" descreve.3 Um leitor no computador que pousa o ponteiro sobre uma palavra sublinhada envia um evento que um celular não tem nenhuma forma comum de enviar.
As palavras que já estão nos artigos de um editor recebem um leve sublinhado pontilhado, e o pequeno painel que se abre a partir dele é a bolha. No computador, a bolha se abre após um breve atraso com o cursor parado e se fecha quando o mouse sai ou com a tecla Escape; pelo teclado, Enter na palavra em foco a abre. No celular, o script de incorporação, adbubbles.js, dá ao primeiro toque o papel do pairar. Um toque na palavra sublinhada abre a bolha, e um toque em qualquer lugar fora dela a fecha. Só um segundo toque, no link de dentro, segue esse link. O primeiro toque em uma palavra de anúncio, portanto, abre um painel e não pode fazer o leitor sair da página.
O que sai da página é o mesmo em todos os dispositivos. O script de incorporação envia três beacons. Uma visualização é enviada por carregamento de página, uma abertura quando uma bolha fica visível por um segundo e um clique quando um link é seguido. A AdBubbles não define cookies, não armazena identificadores e não coleta dados pessoais dos leitores.
A Apple e o Google definem um mínimo maior do que o do W3C
Os 24 pixels CSS da WCAG são um mínimo, e a Apple e o Google publicam números maiores nas suas próprias unidades. As dicas de design da Apple dizem aos designers para "criar controles que meçam pelo menos 44 pontos x 44 pontos para que possam ser tocados com precisão com um dedo".4 As orientações de acessibilidade do Android, do Google, pedem pelo menos 48x48dp por área de toque.5 Elas acrescentam que "uma área de toque de 48x48dp resulta em um tamanho físico de cerca de 9 mm, independentemente do tamanho da tela".5
Um estudo mediu os polegares diretamente. Parhi, Karlson e Bederson testaram vinte participantes em um aparelho portátil com tela sensível ao toque, em um estudo apresentado na MobileHCI 2006.6 As taxas de erro não mostraram diferença significativa depois que um alvo de toque único chegava a 9,6 mm.6 Os autores concluíram que 9,2 mm para tarefas de toque único e 9,6 mm para sequências de toques "devem ser suficientemente grandes para o uso com o polegar de uma só mão em aparelhos portáteis com tela sensível ao toque".6 O número de cerca de 9 mm do Google fica a menos de um milímetro de ambos.5
Uma palavra sublinhada dentro de uma frase é o alvo que o padrão isenta
A exceção Inline diz: "O alvo está em uma frase ou o seu tamanho é de outra forma limitado pela altura de linha de um texto que não é alvo."1 Uma palavra sublinhada marcada pelo script de incorporação é texto dentro do parágrafo do editor, na fonte e na altura de linha do próprio editor. O mínimo de 24 pixels não se aplica a ela.1 O link dentro da bolha é diferente: um controle em um painel, renderizado dentro de um Shadow DOM onde o CSS do editor não o afeta. Ele é o tipo de alvo para o qual o critério foi escrito, e uma auditoria de acessibilidade o mede como qualquer outro controle.
"A intenção deste critério de sucesso é ajudar a garantir que os alvos possam ser ativados facilmente sem ativar acidentalmente um alvo adjacente", diz o documento Understanding.2 Os leitores que ele cita são "usuários com limitações de destreza e aqueles que têm dificuldade com movimentos motores finos".2 A adjacência, e não apenas o tamanho, é o risco que o W3C descreve. O script de incorporação nunca coloca duas bolhas no mesmo parágrafo e ignora os links. Uma palavra de anúncio, portanto, nunca fica dentro de um link que já tem um destino.
Ver como isso fica em um determinado site não custa nada. Criar uma conta de editor e configurar o script de incorporação não custa nada, e as notas de instalação descrevem a configuração do escopo e o máximo por página. Um site adicionado à conta mostra quais das suas palavras estão à venda no momento antes que qualquer bolha seja exibida.
O Google já trata o toque acidental como um problema de política
As políticas de posicionamento de anúncios do AdSense, do Google, dizem aos editores para "ter cuidado ao colocar links, botões de reprodução, botões de download e botões de navegação perto dos anúncios, porque eles podem levar a cliques acidentais".7 As Políticas para Editores do Google proíbem anúncios veiculados pelo Google que "se sobreponham ou fiquem adjacentes a itens de navegação ou a outros itens de ação e possam levar a interações não intencionais com os anúncios".8 Ambas descrevem o toque da declaração de intenção do W3C: um toque destinado a um alvo que cai em outro. Uma página de políticas só pode pedir a um editor que tenha cuidado; um formato determina o que um primeiro toque faz.
A solução do Google para os posicionamentos que continuam a gerar esses cliques é o Clique confirmado. A sua página de ajuda o descreve como "um recurso do Google Ads que adiciona uma confirmação aos posicionamentos de anúncios que podem estar gerando cliques acidentais".9 Um leitor que toca em um anúncio desses "será solicitado a confirmar a intenção de visitar a página do anunciante clicando em um botão associado a uma ação, como 'Visitar site'".9 Nesses posicionamentos, o Google deixa de tratar um toque como prova de intenção e insere outro depois do fato.
Uma bolha tem esse segundo toque por concepção, e não como solução. O primeiro toque abre um painel com um rótulo "Ad" (anúncio), um título de no máximo quarenta caracteres e um texto de no máximo noventa caracteres. Também estão no painel o domínio de exibição do anunciante, um link e uma pequena marca "Ads by AdBubbles". O segundo toque, no link, é o clique, e todo link em uma bolha traz rel="sponsored noopener".
O que o script de incorporação sabe sobre esse segundo toque é apenas que ele aconteceu. A AdBubbles associa palavras das páginas de um editor a um anunciante que as comprou para o mês. Os leitores que veem uma bolha são quem quer que abra a página, o script de incorporação não segue nenhum deles até outra página ou outro site, e nenhum resultado é prometido ao anunciante. Um beacon de clique registra que um link foi seguido e nada sobre o motivo.
Um primeiro toque não consegue aumentar uma palavra escrita em letra pequena
A exceção Inline também significa que a palavra sublinhada assume o tamanho que a tipografia do editor lhe dá. Suponha que um site defina os seus parágrafos com 14 pixels e uma altura de linha de 20 pixels no celular. A palavra sublinhada não é então mais alta do que a sua linha de 20 pixels, abaixo do mínimo que o critério define para outros alvos. Ela só é dispensada porque está em linha. Nada na exceção muda o polegar que precisa acertá-la.
O script de incorporação acrescenta um sublinhado pontilhado a uma palavra comprada e não muda mais nada na tipografia. A palavra continua na fonte do próprio editor, com a altura de linha que o tema definiu. Um editor cujas páginas são difíceis de tocar no celular vai achar as palavras sublinhadas tão difíceis de tocar quanto os links ao redor delas. O escopo e o máximo por página decidem quantas palavras sublinhadas uma página tem. Nenhum dos dois torna uma palavra maior do que a letra em que ela está escrita.