"El tamaño del objetivo para las entradas de puntero es de al menos 24 por 24 píxeles CSS, excepto cuando:" es todo el Criterio de conformidad 2.5.8, Tamaño del objetivo (mínimo), antes de que empiecen sus excepciones.1 Pertenece al nivel AA de WCAG 2.2, la Recomendación del W3C del 12 de diciembre de 2024, y tiene cinco excepciones.1 Una de ellas, En línea, decide cómo se aplica la regla a un anuncio dentro de una oración.2 Antes de la excepción hay un problema más sencillo: el puntero que un lector en un teléfono usa en una página no puede quedar suspendido sobre un elemento.
Pasar el cursor es un evento de escritorio, y un teléfono no lo tiene
La página de MDN sobre la característica de medios hover dice que comprueba "si el mecanismo de entrada principal del usuario puede quedar suspendido sobre los elementos".3 Su valor "none" abarca un dispositivo que "no puede quedar suspendido en absoluto o no puede hacerlo con comodidad".3 El ejemplo que se da es el dispositivo de mano: "muchos dispositivos móviles emulan el paso del cursor cuando el usuario hace un toque largo incómodo", y esa emulación es lo que describe "none".3 Un lector de escritorio que deja el puntero sobre una palabra subrayada envía un evento que un teléfono no tiene una forma habitual de enviar.
Las palabras que ya están en los artículos de un editor reciben un subrayado punteado suave, y el pequeño panel que se abre desde él es la burbuja. En una computadora de escritorio, la burbuja se abre tras una breve espera del cursor y se cierra al retirar el mouse o con la tecla Escape; desde un teclado, Enter sobre la palabra enfocada la abre. En un teléfono, el script incrustado, adbubbles.js, le da al primer toque la función del paso del cursor. Un toque sobre la palabra subrayada abre la burbuja, y un toque en cualquier parte fuera de ella la cierra. Solo un segundo toque, sobre el enlace de su interior, sigue ese enlace. Por lo tanto, el primer toque sobre una palabra con anuncio abre un panel y no puede sacar al lector de la página.
Lo que sale de la página es lo mismo en todos los dispositivos. El script incrustado envía tres balizas. Se envía una de visualización por carga de página, una de apertura cuando una burbuja ha estado visible durante un segundo y una de clic cuando se sigue un enlace. AdBubbles no coloca cookies, no guarda identificadores y no recopila datos personales de los lectores.
Apple y Google fijan un mínimo mayor que el del W3C
Los 24 píxeles CSS de WCAG son un mínimo, y Apple y Google publican cifras mayores en sus propias unidades. Los consejos de diseño de Apple indican a los diseñadores: "Cree controles que midan al menos 44 x 44 puntos para que se puedan tocar con precisión con un dedo".4 La guía de accesibilidad de Android de Google pide al menos 48x48 dp por área táctil.5 Añade que "un área táctil de 48x48 dp da como resultado un tamaño físico de unos 9 mm, independientemente del tamaño de la pantalla".5
Un estudio midió directamente los pulgares. Parhi, Karlson y Bederson pusieron a prueba a veinte participantes en un dispositivo de mano con pantalla táctil, en un estudio presentado en MobileHCI 2006.6 Las tasas de error no mostraron diferencias significativas una vez que un objetivo de un solo toque alcanzaba los 9.6 mm.6 Los autores concluyeron que 9.2 mm para las tareas de un solo toque y 9.6 mm para las secuencias de toques "deberían ser lo bastante grandes para el uso con el pulgar de una sola mano en dispositivos de mano con pantalla táctil".6 La cifra de unos 9 mm de Google está a menos de un milímetro de ambas.5
Una palabra subrayada dentro de una oración es el objetivo que el estándar exime
La excepción En línea dice: "El objetivo está en una oración o su tamaño está limitado de otro modo por la altura de línea del texto que no es objetivo".1 Una palabra subrayada que marca el script incrustado es texto dentro del párrafo del editor, con la fuente y la altura de línea del propio editor. El mínimo de 24 píxeles no se le aplica.1 El enlace dentro de la burbuja es distinto: es un control en un panel, mostrado dentro de un Shadow DOM donde el CSS del editor no puede afectarlo. Es el tipo de objetivo para el que está escrito el criterio, y una auditoría de accesibilidad lo mide como cualquier otro control.
"La intención de este criterio de conformidad es ayudar a garantizar que los objetivos puedan activarse con facilidad sin activar por accidente un objetivo adyacente", dice el documento de comprensión (Understanding).2 Los lectores que menciona son "los usuarios con limitaciones de destreza y quienes tienen dificultades con los movimientos de motricidad fina".2 La adyacencia, no solo el tamaño, es el riesgo que describe el W3C. El script incrustado nunca coloca dos burbujas en el mismo párrafo, y omite los enlaces. Por lo tanto, una palabra con anuncio nunca está dentro de un enlace que ya tiene un destino.
Ver cómo se ve esto en un sitio determinado no cuesta nada. Configurar una cuenta de editor y el script incrustado no cuesta nada, y las notas de instalación describen el ajuste del alcance y el máximo por página. Un sitio agregado a la cuenta muestra cuáles de sus palabras están a la venta en este momento antes de que se muestre cualquier burbuja.
Google ya trata el toque accidental como un problema de políticas
Las políticas de ubicación de anuncios de AdSense de Google piden a los editores: "Tenga cuidado al colocar enlaces, botones de reproducción, botones de descarga y botones de navegación cerca de los anuncios, porque podrían provocar clics accidentales".7 Las Políticas para editores de Google prohíben los anuncios servidos por Google que "se superponen a elementos de navegación u otros elementos de acción, o están junto a ellos, y pueden provocar interacciones no deseadas con los anuncios".8 Ambas describen el toque de la declaración de intención del W3C: un toque dirigido a un objetivo que cae en otro. Una página de políticas solo puede pedirle cuidado a un editor; un formato determina lo que hace un primer toque.
La solución de Google para las ubicaciones que siguen produciendo esos clics es Confirmed Click. Su página de ayuda lo describe como "una función de producto de Google Ads que añade una confirmación a las ubicaciones de anuncios que pueden estar generando clics accidentales".9 A un lector que toca un anuncio así "se le pedirá que confirme su intención de visitar la página del anunciante haciendo clic en un botón asociado a una acción, como 'Visitar sitio'".9 En esas ubicaciones, Google ya no considera un toque como prueba de intención, e inserta otro después.
Una burbuja tiene ese segundo toque por diseño y no como solución posterior. El primer toque abre un panel con una etiqueta "Ad" (anuncio), un título de cuarenta caracteres como máximo y un texto de noventa caracteres como máximo. También están en el panel el dominio visible del anunciante, un enlace y una pequeña marca "Ads by AdBubbles". El segundo toque, sobre el enlace, es el clic, y cada enlace de una burbuja lleva rel="sponsored noopener".
Lo único que sabe el script incrustado sobre ese segundo toque es que ocurrió. AdBubbles hace coincidir las palabras de las páginas de un editor con un anunciante que las compró para el mes. Los lectores que ven una burbuja son quienes abren la página, el script incrustado no sigue a ninguno de ellos a otra página u otro sitio, y no se le promete ningún resultado al anunciante. Una baliza de clic registra que se siguió un enlace y nada sobre el porqué.
Un primer toque no puede agrandar una palabra compuesta en letra pequeña
La excepción En línea también significa que la palabra subrayada adopta el tamaño que le dé la tipografía del editor. Supongamos que un sitio compone sus párrafos a 14 píxeles con una altura de línea de 20 píxeles en un teléfono. Entonces la palabra subrayada no es más alta que su línea de 20 píxeles, por debajo del mínimo que el criterio fija para otros objetivos. Está eximida solo porque está en línea. Nada en la excepción cambia el pulgar que tiene que tocarla.
El script incrustado añade un subrayado punteado a una palabra comprada y no cambia nada más de la tipografía. La palabra conserva la fuente del propio editor, con la altura de línea que fijó el tema. Un editor cuyas páginas son difíciles de tocar en un teléfono encontrará las palabras subrayadas tan difíciles de tocar como los enlaces que las rodean. El alcance y el máximo por página deciden cuántas palabras subrayadas lleva una página. Ninguno de los dos hace una palabra más grande que la letra en la que está compuesta.