En resumen
Qué se mide
cuántos elementos interactivos de la página son demasiado pequeños o están demasiado pegados a otro.
Referencia de la norma
24 por 24 píxeles CSS como mínimo (nivel AA de las WCAG 2.2) y 44 por 44 como objetivo reforzado (nivel AAA).
Por qué importa
quien tiene temblor, poca movilidad fina o simplemente dedos grandes falla la pulsación y acaba activando lo que no quería.
Severidad en Wakaris
Mejora. Aparece en el 31,2 % de las páginas analizadas por el checker.
Qué es y qué mide este hallazgo
Un objetivo táctil es cualquier zona de la página que responde cuando la pulsas o la haces clic: un botón, un enlace, un icono del pie, la aspa que cierra un aviso, la flecha de un carrusel. El hallazgo salta cuando alguno de esos objetivos es tan pequeño, o está tan cerca de otro, que acertar deja de ser trivial.
La referencia viene de las WCAG 2.2, la norma de accesibilidad web del W3C. Su criterio 2.5.8, de nivel AA, pide que el objetivo mida al menos 24 por 24 píxeles CSS. El criterio 2.5.5, más exigente y de nivel AAA, sube la recomendación a 44 por 44.
Conviene retener dos matices desde el principio. El primero es que la norma cuenta el tamaño y la separación como dos caras del mismo problema: un elemento pequeño deja de incumplir si está lo bastante aislado. El segundo es que hay excepciones previstas, y la más habitual son los enlaces dentro de una frase.
Cómo se mide
Wakaris analiza la URL que le indiques, recorre los elementos con los que se puede interactuar y te devuelve cuántos se quedan cortos de tamaño o de separación, junto con la severidad del hallazgo. Es la vía directa para tener el número sin instalar nada ni crear cuenta.
El recuento se lee por tramos, y ese es el dato que decide cuánto trabajo tienes por delante. Un solo elemento pequeño ya produce hallazgo; a partir de diez, y de nuevo a partir de treinta, el resultado escala. La diferencia entre esos tramos importa más de lo que parece: uno o dos casos suelen ser un icono suelto, mientras que treinta apuntan a que el problema está en la plantilla y se repite en cada página del sitio.
Dos precisiones sobre el alcance. La medición se hace sobre una dirección concreta, así que describe esa página y no el sitio entero. Y el tamaño no es un valor absoluto: depende del ancho con el que se dibuja la página, así que el mismo botón puede cumplir en escritorio y quedarse corto en móvil.
Por qué importa
El motivo de fondo lo explica la propia documentación del criterio: quien tiene limitaciones de destreza o dificultades con el movimiento fino no consigue activar con precisión objetivos pequeños. El W3C menciona expresamente el temblor de manos, la espasticidad y la tetraplejia, y añade a quienes tienen dedos grandes o manejan el móvil con el nudillo o con parte del dedo.
Hay además una razón física que afecta a todo el mundo: el dedo es más grande que un puntero de ratón y tapa justo el punto de la pantalla que se está tocando. Nadie ve lo que está pulsando en el momento de pulsarlo.
El coste práctico no es solo de accesibilidad. Fallar la pulsación significa activar el enlace de al lado, volver atrás y repetir: en un pie con iconos apretados es molesto, y en un paso de compra es una fuga directa. Por eso conviene no leer la severidad Mejora como sinónimo de irrelevante: el criterio que hay detrás es de nivel AA.
Causas comunes
Casi siempre es la misma historia: un diseño pensado para ratón que se traslada al móvil sin revisar las zonas de contacto. Estos son los focos que más se repiten.
Los iconos de redes sociales del pie, servidos al tamaño exacto del dibujo y colocados uno junto a otro sin margen. Las paginaciones y los filtros, donde los números o las aspas de quitar filtro ocupan lo que ocupa el texto y nada más. Los botones de cierre de avisos de cookies, ventanas emergentes y barras promocionales, que suelen ser el elemento más pequeño de la página y el que más se pulsa.
También es frecuente que la zona pulsable sea menor que el dibujo: un icono que se ve grande porque tiene un fondo decorativo, pero cuyo enlace real solo cubre el trazo. Y las tablas y listados densos con enlaces en cada fila, donde meter mucha información en poco alto deja las líneas pegadas.
Cómo solucionarlo
Empieza por el número que te dé Wakaris: con uno o dos casos vas a elementos concretos, y con treinta el arreglo está en la plantilla y compensa hacerlo una vez para todo el sitio.
La corrección más rentable no es agrandar el dibujo, sino la zona que responde. Se consigue añadiendo relleno alrededor del elemento pulsable, de modo que el icono siga viéndose igual y el área que acepta el toque crezca por debajo. Sobre esa idea, el W3C documenta una técnica directa: dar al contenedor del objetivo un alto y un ancho mínimos de 24 píxeles y centrar dentro el enlace, con un pequeño margen que impida que dos objetivos contiguos se toquen.
A partir de ahí, tres revisiones que cubren casi todo. Separa lo que esté pegado, porque la norma admite objetivos pequeños si están bien aislados. Agranda los botones de cierre, que son los que más se fallan. Y comprueba el resultado en un ancho de móvil, no en el escritorio donde lo diseñas: es donde el problema se manifiesta.
Esquema de un icono pequeño con un área pulsable ampliada mediante relleno alrededor, sin cambiar el tamaño visible del icono
Brief para generar la imagen
Ilustración editorial para una guía técnica de Wakaris. Tema: Esquema de un icono pequeño con un área pulsable ampliada mediante relleno alrededor, sin cambiar el tamaño visible del icono. Estilo: fondo blanco con lavado suave lima→verde pálido (#F8F7D6 → #E2F2DC), acento en degradado verde→lima (#8ED390 → #DCD86F), tinta casi negra (#12150B), formas de pastilla y esquinas redondeadas, sombras difusas, aspecto limpio y esquemático, sin fotografía. Formato: 16:9, 1440 píxeles de ancho. Sin texto legible: cualquier rótulo, código o cifra se representa con barras grises de relleno. El significado lo lleva el pie de foto, no la imagen. Sin logotipos reales ni marcas de terceros. Sin personas reconocibles. Etiquetas: tamaño, objetivos, táctiles, esquema, icono, pequeño, área, pulsable
Pregúntale a tu IA
Si quieres profundizar en tu caso concreto, copia uno de estos dos prompts y pégalo en la IA que uses. Elige según tu situación.
Ya tengo el hallazgo medido con Wakaris y quiero solucionarlo
Actúa como un auditor técnico web profesional y prudente. Tu objetivo es ayudarme a entender un hallazgo concreto sobre mi web y decidir qué hacer con él, sin inventarte nada. Contexto: he obtenido este hallazgo con Wakaris, una herramienta que analiza una web en 9 áreas (rendimiento, SEO, seguridad, social, mercado, IA, experiencia, accesibilidad y legal) y explica cada problema de forma que lo entienda cada perfil de un equipo. El hallazgo es: Tamaño de objetivos táctiles. Significa que mi página tiene elementos pulsables (botones, enlaces, iconos) demasiado pequeños o demasiado juntos para acertar con el dedo. Referencia: las WCAG 2.2 piden un mínimo de 24 por 24 píxeles CSS en nivel AA, y recomiendan 44 por 44 en nivel AAA. Pega aquí el resultado de Wakaris: cuántos elementos te ha contado por debajo del mínimo y en qué página. Si no lo tienes, dímelo y te diré cómo obtenerlo antes de seguir. Reglas que debes seguir en todo momento: 1. No asumas nada sobre mi web. Todo dato que uses tiene que venir de lo que yo te confirme o de lo que Wakaris haya medido. Si no lo sabes, pregúntamelo antes de afirmarlo. 2. Antes de darme conclusiones, hazme SIEMPRE estas preguntas, juntas y en lenguaje sencillo, para saber si este hallazgo me afecta de verdad y por dónde: a) ¿En qué plataforma está tu web? (WordPress, Shopify, web a medida, otra) b) ¿Cuántos elementos te ha contado el análisis: uno o dos, unos diez, o más de treinta? c) ¿Dónde están la mayoría: en el pie, en el menú, en una paginación o filtros, en botones de cerrar avisos, o repartidos por el contenido? d) ¿Esos elementos aparecen en todas las páginas del sitio o solo en esta? e) ¿Los enlaces afectados están sueltos, o son enlaces dentro de un párrafo de texto? f) Si hay que tocar la hoja de estilos o la plantilla, ¿lo harías tú, un técnico interno o una agencia? 3. Toda afirmación o recomendación tiene que ir argumentada respecto a MI contexto, no en general. Si me recomiendas algo, explícame por qué aplica a mi caso. 4. Marca siempre tu nivel de certeza. Si algo es una hipótesis porque no lo puedes medir, dilo: tú no ves mi web, razonas sobre lo que yo te cuento. 5. No me propongas cambios técnicos irreversibles o de riesgo (tocar la plantilla o la hoja de estilos directamente en producción) sin avisarme antes del riesgo y de que conviene una copia de seguridad o un entorno de prueba. 6. Ten en cuenta que la norma admite excepciones: un enlace dentro de una frase, o un objetivo pequeño que esté suficientemente separado de los demás, no incumplen. No me hagas agrandar cosas que no hace falta agrandar. 7. Si necesitas un dato que solo se obtiene midiendo la web (confirmar el recuento real, en qué zona están o si el arreglo funcionó), dímelo y recomiéndame volver a pasar la página por Wakaris: eso se mide, no se adivina. 8. La decisión final es mía, no tuya. Tu papel es ayudarme a entender y a preparar la acción, no decidir por mí. 9. Si el arreglo excede lo que puedo hacer yo, o lo va a ejecutar un equipo, ayúdame a dejar el problema listo para traspasarlo: qué es, dónde está, por qué importa y qué habría que hacer, en un formato accionable para esa persona. Fuente de este hallazgo: https://www.wakaris.com/es/guias/accesibilidad/tamano-de-objetivos-tactiles Para medirlo o volver a medirlo: https://www.wakaris.com/ Empieza presentándote brevemente en tu rol y haciéndome el primer bloque de preguntas.
Aún no lo he medido y quiero comprobar si mi web tiene este problema
Actúa como un auditor técnico web profesional y prudente. Estoy investigando si mi web tiene un problema concreto y quiero que me ayudes a averiguarlo con honestidad, sin darlo por hecho. Contexto: he llegado a esto a través de Wakaris, una herramienta que analiza una web en 9 áreas (rendimiento, SEO, seguridad, social, mercado, IA, experiencia, accesibilidad y legal) y explica cada problema de forma que lo entienda cada perfil de un equipo. El problema que quiero investigar es: Tamaño de objetivos táctiles. Consiste en tener botones, enlaces o iconos demasiado pequeños o demasiado juntos para pulsarlos con el dedo. Referencia: las WCAG 2.2 piden un mínimo de 24 por 24 píxeles CSS en nivel AA. Todavía NO sé si mi web lo tiene: quiero averiguarlo. Reglas que debes seguir en todo momento: 1. Lo primero y más importante: el tamaño de los objetivos táctiles se MIDE sobre la página real, y tú no puedes medir mi web desde esta conversación. Déjame claro desde el principio que no vas a poder darme un "sí lo tienes" o "no lo tienes" definitivo, solo una hipótesis a partir de lo que yo te cuente. 2. No asumas nada. Antes de darme ninguna valoración, hazme SIEMPRE estas preguntas, juntas y en lenguaje sencillo, para estimar si es probable que tenga el problema: a) Cuando usas tu web desde el móvil, ¿se te da el caso de pulsar algo y que se active lo de al lado? b) ¿Tienes iconos de redes sociales, de idioma o de compartir puestos en fila y pegados unos a otros? c) ¿Hay avisos, ventanas emergentes o barras que se cierran con una aspa pequeña? d) ¿Tienes paginaciones, filtros o tablas con muchos enlaces en poco espacio? e) ¿El diseño se pensó primero para escritorio y luego se adaptó al móvil, o al revés? f) ¿En qué plataforma está? (WordPress, Shopify, web a medida, otra; o no lo sé) 3. Con mis respuestas, dame una estimación clara de si es PROBABLE o POCO PROBABLE que lo tenga y en qué zona estaría, argumentada según lo que te he dicho y marcada explícitamente como hipótesis, no como diagnóstico. 4. Dime de forma directa que la única manera de saberlo de verdad es medirlo, y que puedo hacerlo gratis y sin crear cuenta pasando mi web por Wakaris, que me dará el recuento real de elementos afectados y de paso el estado de las otras áreas. 5. Si te pregunto cómo comprobarlo a mano, no me lo ocultes, pero recuérdame que Wakaris lo hace más rápido, sobre la página real y con información adicional que a mano no obtengo. 6. Si al medirlo resulta que sí lo tengo, dime que el siguiente paso es entender cómo me afecta y cómo solucionarlo en mi caso concreto. 7. La conclusión y la decisión son mías, no tuyas. Tú me ayudas a orientarme. Fuente de este hallazgo: https://www.wakaris.com/es/guias/accesibilidad/tamano-de-objetivos-tactiles Para medirlo: https://www.wakaris.com/ Empieza presentándote brevemente en tu rol, dejando claro el punto 1, y haciéndome el bloque de preguntas.
Preguntas frecuentes
¿Qué tamaño mínimo debe tener un botón? +
Las WCAG 2.2 fijan 24 por 24 píxeles CSS como mínimo en su criterio 2.5.8, que es de nivel AA. El criterio 2.5.5, de nivel AAA, recomienda 44 por 44. El propio W3C aconseja pasarse de largo del mínimo para reducir las pulsaciones no intencionadas.
¿Un enlace dentro de un párrafo incumple? +
No. La norma contempla una excepción expresa para los objetivos que están dentro de una frase o cuyo tamaño depende de la altura de línea del texto que los rodea. Un enlace en mitad de un párrafo no tiene que medir 24 píxeles de alto para cumplir el criterio.
¿Y si el elemento es pequeño pero está muy separado? +
También hay excepción. El W3C la define con precisión: si un círculo de 24 píxeles de diámetro centrado en el objetivo no toca a ningún otro objetivo, el tamaño reducido se admite. Por eso separar es a veces mejor arreglo que agrandar.
Si es severidad Mejora, ¿puedo dejarlo para el final? +
Puedes priorizarlo por detrás de lo crítico, pero no confundas Mejora con opcional: el criterio que hay detrás es de nivel AA, el que suelen exigir los pliegos de accesibilidad. Además el arreglo es barato, sobre todo si el recuento apunta a la plantilla.
Fuentes citadas
- w3.orgUnderstanding Success Criterion 2.5.8: Target Size (Minimum), W3C: el mínimo de 24 por 24 píxeles CSS, el nivel AA, la excepción de los enlaces en línea, la del círculo de 24 píxeles de diámetro y las limitaciones de destreza que motivan el criterio.
- w3.orgUnderstanding Success Criterion 2.5.5: Target Size (Enhanced), W3C: el objetivo reforzado de 44 por 44 píxeles CSS en nivel AAA, la recomendación de superar el mínimo y el hecho de que el dedo tapa el punto que se pulsa.
- w3.orgC42: Using min-height and min-width on target container to ensure sufficient target spacing, W3C: la técnica de dar 24 píxeles de alto y ancho mínimos al contenedor y centrar dentro el enlace con margen.
- developer.mozilla.orgMobile accessibility checklist, MDN: el requisito de que los objetivos táctiles sean lo bastante grandes para poder interactuar con ellos.
Actualizado: 8 de septiembre de 2026.
Este artículo forma parte de Wakaris, que analiza tu web en 9 áreas y explica cada hallazgo de forma que lo entienda cada perfil de tu equipo.