Controles móviles pequeños
Silktide carga cada página en un dispositivo móvil simulado e informa de los enlaces, botones y controles de formulario que son demasiado pequeños para tocarlos con fiabilidad. Los controles deben medir al menos 12 píxeles de ancho y 12 píxeles de alto para aprobar.
Por qué es importante
Los dedos son menos precisos que los punteros del ratón. Un control que es fácil de hacer clic en el escritorio puede ser casi imposible de tocar en un teléfono: los visitantes fallan, tocan el enlace de al lado y acaban en un lugar al que no pretendían ir. Las personas con discapacidades motoras, temblores o dedos más grandes son las más afectadas, pero todo el mundo comete toques erróneos con objetivos diminutos.
El umbral de 12 píxeles solo detecta los controles gravemente pequeños; los objetivos táctiles cómodos son considerablemente mayores (la recomendación habitual sugiere alrededor de 44 píxeles).
Cómo solucionarlo
- Aumente el tamaño del control señalado: texto más grande, más relleno (padding) o un tamaño mínimo explícito en :
\/* Dé a los objetivos táctiles un tamaño mínimo cómodo *\/
a.icon-button {
min-width: 44px;
min-height: 44px;
}
- Para los enlaces compuestos solo por iconos, haga que el área táctil sea mayor que el propio icono con relleno (padding), en lugar de agrandar el icono.
- Si un elemento no debería ser interactivo en absoluto —como un enlace sobrante vacío—, elimínelo en lugar de cambiar su tamaño.
Cómo lo prueba Silktide
- Carga la página en un dispositivo móvil simulado.
- Encuentra cada control interactivo: enlaces, áreas de mapa de imagen, entradas de formulario, menús desplegables, áreas de texto y botones.
- Omite los controles que están ocultos al cargarse la página, no tienen tamaño o están completamente fuera de la pantalla.
- Mide cada control restante e informa de los que sean más estrechos o más bajos que 12 píxeles.
Solución de problemas
El elemento solo aparece tras una interacción
Silktide mide la página mientras se carga. Los controles dentro de menús o paneles que se abren más tarde se miden en su estado inicial, lo que en ocasiones puede señalar un elemento en plena animación. Si el control tiene un tamaño cómodo cuando realmente es utilizable, el hallazgo.
¿Cómo se relaciona esto con las reglas de tamaño de los objetivos de las WCAG?
Esta comprobación es de usabilidad móvil con un umbral deliberadamente permisivo. Las comprobaciones relacionadas de las —Tamaño del objetivo en Nivel AA y Tamaño razonable del objetivo en — aplican requisitos de tamaño más estrictos con excepciones más matizadas.