Mantener el menú visible puede facilitar cambiar de sección, pero una cabecera grande también puede ocupar una parte importante de la pantalla. En un teléfono pequeño, sumar logo, navegación, aviso y botón de contacto deja poco espacio para leer. El problema se vuelve más evidente al abrir el teclado o aumentar el tamaño del texto. Una cabecera fija debe justificar el espacio que consume. La pregunta no es si produce una sensación moderna, sino si ayuda a completar tareas sin ocultar información ni interferir con otros controles.
Identificar qué acceso necesita permanecer disponible
Una tienda con varias categorías puede beneficiarse de una búsqueda accesible durante la exploración. Una página corta de un servicio quizá no necesita mantener todo el menú visible. Define qué tarea justifica la persistencia y considera una versión compacta con los controles esenciales. No elimines etiquetas necesarias solo para reducir altura. Si el logo se vuelve ilegible o los botones quedan demasiado juntos, la compactación genera otro problema. Revisa además si un acceso de contacto fijo ya existe en otra parte de la pantalla: mantener dos elementos con la misma función puede consumir espacio sin mejorar orientación.
Respetar el destino de enlaces internos
Cuando un enlace lleva a una sección, la cabecera no debería tapar su título. MDN documenta scroll-margin-top como una forma de ajustar el espacio de desplazamiento de un elemento; el equipo puede evaluar esa u otra solución apropiada. Como cliente, comprueba el resultado activando el enlace, no solo desplazándote manualmente. Hazlo desde el menú y desde una dirección con fragmento. La persona necesita ver el encabezado y reconocer que llegó al destino esperado. Si la barra cambia de altura al desplazarse, prueba ambos estados para evitar que la corrección solo funcione en una posición específica.
Revisar interacción con foco y teclado
Navega con teclado por la página y observa si el control enfocado queda visible. Una cabecera fija puede cubrir un enlace al que el navegador intenta desplazar la vista. En móvil, abre campos situados cerca del final y comprueba que el teclado no deje el formulario atrapado entre elementos fijos. Los menús desplegables también necesitan un área que permita recorrer todas sus opciones. No aceptes una solución donde la última opción queda fuera de alcance porque la ventana tiene poca altura. La revisión debe incluir pantallas estrechas y bajas, no únicamente un teléfono en orientación vertical.
Comparar con una alternativa sencilla
Prueba la misma tarea con cabecera fija y con navegación normal. Observa si realmente se usa el acceso persistente y qué contenido se pierde por su tamaño. No necesitas convertir una preferencia del equipo en una decisión irreversible. Puede bastar con fijar la barra solo en ciertas condiciones, siempre que el comportamiento siga siendo predecible. Documenta por qué se eligió y cuáles son los criterios de revisión: títulos visibles, foco descubierto y menú utilizable. Cuando se añada un aviso comercial o un cambio de marca, repite esas comprobaciones; la altura y la interferencia pueden cambiar aunque el código principal del menú permanezca igual.
DE LA LECTURA A LA ACCIÓN
Para aplicar hoy
- Conserva visibles solo accesos que justifiquen el espacio ocupado.
- Comprueba destinos internos y controles enfocados bajo la cabecera.
- Repite la revisión al añadir avisos o modificar la altura del menú.
Fuentes y referencias
Documentación para profundizar. Los ejemplos de esta guía son didácticos.