Design
Le coût réel d'un en-tête fixe
Un en-tête qui vous suit au fil de la page est une décision qui semble gratuite. Elle coûte une bande fixe de l'écran, et la taille de cette bande est rarement celle de la maquette.
Mesurer à la largeur réellement utilisée
L'en-tête de ce thème tient sur une ligne au bureau. Rétrécissez la fenêtre : la navigation passe à la ligne, le sélecteur de langue aussi.
| Fenêtre | Hauteur | Part d'un écran de 700 px |
|---|---|---|
| 1280 px | 69 px | 10 % |
| 480 px | 128 px | 18 % |
| 320 px | 181 px | 26 % |
Un quart d'un petit écran, en permanence.
Ce qui n'est pas une question de goût
Un en-tête collant casse aussi deux critères d'accessibilité. Un lien d'ancre amène sa cible en haut de la fenêtre, c'est-à-dire sous l'en-tête. Le déplacement du focus également.
}
Cela ne fonctionne que si le décalage est la hauteur mesurée.
Un réglage raisonnable
Fixer l'en-tête tant qu'il tient sur une ligne, et le laisser défiler dès qu'il occupe une part trop grande de la fenêtre.