Criterios de Operable
OperablePauta 2.5 Modalidades de entrada
2.5.8Tamaño del objetivo (mínimo)
Nivel AANuevo en WCAG 2.2Lo exige la normativa (EN 301 549).
Qué pide
Los objetivos táctiles miden al menos 24×24 px o tienen suficiente separación.
A quién ayuda: Personas con temblores, dedos grandes o en movimiento.
Un caso real
Los iconos de redes sociales en el pie de una web, muy juntos.
BienCada icono mide 24 px o más, o están separados lo suficiente.
MalIconos de 16 px pegados entre sí: es fácil pulsar el equivocado.
Cómo aplicarlo en código
Objetivos de al menos 24 × 24 px
24 px es el mínimo de la norma; 44 px es lo recomendable en los controles principales.
.boton-icono { min-width: 24px; min-height: 24px; } /* mínimo AA */
.boton { min-width: 44px; min-height: 44px; } /* recomendable */
.paginacion a { display: inline-block; min-width: 24px; padding: .25rem .5rem; }.cerrar { width: 14px; height: 14px; }
.paginacion a { padding: 0 1px; } /* números pegados entre sí */Cómo comprobarlo
Mide los objetivos pequeños con las herramientas del navegador.