Tamaño del objetivo (mejorado)

Qué exige este criterio

Todo objetivo interactivo debe ocupar un área de interacción de al menos 44×44 píxeles CSS. Se aplican las mismas excepciones que en el criterio de nivel AA 2.5.8: objetivo equivalente disponible, texto en línea, control del agente de usuario, esencial y conforme.

44×44 es la cifra en la que convergen Apple, Google y Microsoft en sus propias guías de diseño, por lo que cumplir este criterio de conformidad tiende a alinearse con las normas de interfaz de cada plataforma en lugar de contravenirlas.

Cómo cumplirlo

• Establecer min-width: 44px; min-height: 44px en botones, controles de solo icono, campos de formulario y cualquier área táctil.
• Usar relleno interior en botones de icono pequeños para ampliar el área de interacción a 44×44 incluso cuando el glifo del icono mide entre 16 y 24 px.
• Auditar primero la paginación, las migas de pan, la navegación móvil, los iconos de acción en filas de tabla, los botones de eliminación de etiquetas y los botones de acción flotantes.
• Para los controles que deban ser visualmente pequeños, garantizar 44×44 píxeles de espacio libre alrededor de ellos (sin otros objetivos dentro de ese radio).

Fallos habituales

• Botones de icono de 24×24 o 32×32 píxeles en barras de herramientas: pasan el nivel AA pero no superan el nivel AAA.
• Filas de paginación con cajas de 30 píxeles.
• Acciones en filas de tablas densas donde Editar, Duplicar y Eliminar están uno junto al otro.
• Botones de eliminación × en etiquetas con un tamaño de entre 12 y 20 píxeles.

Por qué es importante

El umbral de 44×44 es el punto a partir del cual los errores de toque se reducen a casi cero para los usuarios con Parkinson, temblor esencial, esclerosis múltiple y otras condiciones motoras, así como para cualquier persona que use el teléfono con una sola mano mientras se desplaza. Los criterios de conformidad de nivel AAA no suelen ser obligatorios para el cumplimiento normativo, pero muchos sectores regulados —banca, administración pública, sanidad— apuntan al nivel AAA en la interfaz móvil precisamente por el impacto desproporcionado que el móvil tiene en los usuarios con discapacidades motoras. Si ya se cumple el criterio 2.5.8, elevar el mínimo de 24 a 44 píxeles suele reducirse a un cambio de clase en Tailwind.