24 août 2026

L'en-tête cède au lieu de déborder

Sur un téléphone étroit, l'en-tête d'un site du parc réclamait 399 pixels de large là où l'écran en offre 375 : bouton coupé, page qui défile de côté. Le repli a désormais trois issues au lieu de deux, et aucun palier écrit en dur.

Le bouton manquait là où la barre débordait

La navigation décide de se replier en mesurant sa propre largeur. Elle le faisait trop tôt : avant que l'identité du site ne soit arrivée. Blason vide, barre jugée rentrante, et aucun bouton de menu sur deux bandes de largeur — de 556 à 691 pixels, et de 761 à 914 — où elle débordait pourtant.

La mesure se refait désormais à chaque changement de ce qu'elle lit. C'est une correction courte, et elle vaut pour tous les sites du parc à la fois.

Quarante pixels, sous le minimum

Le bouton du menu était dessiné par trois barres dans un retrait, ce qui donnait une cible de 40 par 40 pixels. Le minimum recommandé est de 44 — et il s'agit du seul bouton qui ouvre la navigation sur un téléphone.

Il porte maintenant une boîte explicite de 44 par 44, comme la bascule de thème posée à côté. Les barres, elles, n'ont pas bougé d'un pixel : ce n'est pas un changement de dessin.

Le repli n'avait que deux issues

Une fois replié, l'en-tête gardait un plancher que rien ne réduisait : blason, nom du site, bascule de thème, bouton de menu. Relevé sur un site de club à 375 pixels de large, ce plancher en réclamait 399 — le bouton sortait à moitié de l'écran, et le document entier gagnait un défilement horizontal.

Sous ce plancher, c'est l'identité qui s'allège : le texte s'efface quand un blason le relaie, le nom se coupe sinon. Aucun palier n'est écrit en pixels, parce que le plancher dépend du nom du site — « TEAMFIGHTER77 » mesure 151 pixels là où un autre club en fera 60.

Diffusé sans un seul conflit

Les deux correctifs sont partis ensemble dans une version du gabarit, fusionnée dans les six dépôts clients sans aucun conflit — les écarts propres à chaque site tombent tous hors de la zone touchée, ce qui avait été mesuré avant de publier.

Le contrôle final s'est fait sur les fichiers servis plutôt que sur les codes de réponse, puis en production à 375 pixels : aucun débordement, bouton entièrement dans l'écran, page servie avec son contenu et non en coquille.

Un site pour votre métier ?

Parlons de
votre vitrine.

Avant de parler d'un site, parlons du vôtre : donnez-nous son adresse, et vous recevez cinq constats écrits sous 48 h ouvrées. C'est gratuit, et sans suite obligée — vous en faites ce que vous voulez, y compris rien.

salbat.fr l'atelier à découvert
Mon diagnostic gratuit