Empiece por las acciones que se confunden
Abrir un producto y añadirlo a una comparación son intenciones distintas. Sin embargo, sus controles a veces quedan casi pegados en un teléfono. Antes de rediseñar, enumere esas parejas: buscar y cerrar, imagen anterior y siguiente, más y menos. Evalúe la pareja, no solo el aspecto de cada icono. Si una pulsación corriente obliga a apuntar con cuidado, conviene revisar la disposición.
Símbolo pequeño, área activa suficiente
Un icono discreto puede estar dentro de un botón más amplio. El espacio añadido debe responder realmente a la pulsación, no ser solo un margen decorativo. Las áreas activas vecinas no deben solaparse. El criterio 2.5.8 de WCAG 2.2, nivel AA, establece un mínimo de 24 × 24 píxeles CSS con excepciones definidas. Ese umbral no es una receta universal para un menú cómodo.
Simplifique antes de aumentar
Si todas las acciones no caben, no siga reduciéndolas indefinidamente. Mantenga visible la principal y lleve las menos frecuentes a un menú secundario bien identificado. Conserve el nombre de la sección actual y una forma clara de volver. Compruebe las traducciones reales: una etiqueta breve de muestra puede ocultar problemas en otro idioma.
Revise el cambio en su contexto
Pruebe el tamaño normal y el zoom ampliado, una pantalla estrecha y el teclado de búsqueda abierto. Pulse cerca del borde, entre controles vecinos y sobre la etiqueta. El resultado debe ser claro, sin desplazamientos involuntarios a otra página. Recorra también la interfaz con Tab: un área táctil amplia no garantiza acceso mediante teclado. Anote las pantallas y métodos de entrada comprobados. Revisar algunos botones no equivale a una auditoría completa de accesibilidad.
Continúe con el foco visible y la navegación mediante teclado.