Reconnaître le défaut avant de déplacer les sections
Dans un sommaire, vous cliquez sur Tarifs et arrivez en haut de page, sur une autre section, ou assez bas pour que le titre soit caché par le menu fixe. Ces trois résultats ne désignent pas la même cause. Commencez par relever l’adresse obtenue et l’emplacement qui s’affiche réellement.
L’adresse d’un lien vers une section se compose d’une page et d’un fragment après le caractère #. Le chemin ouvre la page ; le navigateur interprète ensuite le fragment et cherche la cible dans le document. Une page accessible peut donc contenir un lien d’ancre qui ne fonctionne pas.
Si le navigateur atteint la bonne page et ajoute le bon fragment, vérifiez si la cible existe et si elle apparaît une seule fois. Si le navigateur arrive près du bon titre mais que celui-ci est sous l’en-tête, la destination peut être correcte : c’est la position finale du défilement qu’il faut corriger.
Notez si le lien est dans le corps, un sommaire généré ou le menu partagé. Un lien qui fonctionne depuis son article peut échouer depuis une autre page lorsqu’il ne contient que le fragment. Le guide distingue cette erreur de destination du décalage visuel.
- Mauvaise page : corrigez le chemin du lien.
- Bonne page, mauvais emplacement : examinez l’identifiant de la cible.
- Bonne section, titre masqué : vérifiez l’en-tête et la marge de défilement.
- Résultat différent selon l’appareil : comparez le modèle, le menu et le rendu public.
Préserver les liens existants et identifier le périmètre
Le premier parcours convient à un rédacteur autorisé à modifier le document. Pour un menu, un modèle ou des styles partagés, faites intervenir la personne qui dispose déjà des droits correspondants. Le réglage d’une seule cible ne nécessite pas de modifier le thème de toute la publication.
Relevez la page, le libellé du lien, sa destination complète et le bloc censé recevoir le saut. Conservez une copie de la page ou les valeurs d’origine du modèle. Un sommaire peut être présent dans le texte alors que le titre est rendu par une composition partagée ; repérez les deux emplacements avant de sauvegarder.
Repérez les liens déjà diffusés vers cette section, notamment dans des pages voisines, la navigation ou une documentation. Changer l’identifiant de la cible peut casser ces liens sans changer l’adresse principale de la page. Le fragment n’étant pas envoyé avec la requête de page, une redirection serveur ordinaire ne peut pas choisir une nouvelle section en lisant cet ancien fragment.
Choisissez une page témoin et une seconde largeur d’écran. Sur ordinateur, notez l’en-tête visible en haut de page puis après un début de défilement. Sur téléphone, vérifiez si le menu se replie ou laisse une barre fixe. Ces différences orientent la correction sans ajouter d’espacement inutile partout.
Le résultat attendu est un cas reproductible avec les adresses et réglages initiaux. Le retour arrière remet l’ancre et les liens touchés, ainsi que le CSS si vous en ajoutez. Il ne demande ni restauration complète ni modification des permaliens du site.
Parcours 1 : corriger l’ancre du bon bloc
Ouvrez le document puis activez la vue en liste. Sélectionnez le bloc Titre qui doit servir de cible. Dans la colonne des réglages du bloc, ouvrez Avancé puis Ancre HTML. Si ce champ manque, vérifiez que vous n’avez pas sélectionné le texte dans une autre zone, un bloc non compatible ou une partie verrouillée du modèle.
Saisissez un identifiant court et stable, par exemple tarifs, sans le caractère #. Une valeur simple en minuscules, séparée par des tirets si nécessaire, facilite la relecture et évite les différences de casse ou d’espaces. L’identifiant doit rester unique dans le document rendu, y compris les éléments ajoutés par le modèle.
Ensuite, sélectionnez le texte ou le bouton du sommaire et ouvrez le réglage du lien. Pour une cible de cette même page, saisissez #tarifs. Validez la modification du lien, enregistrez le document prévu et vérifiez sa version publique autorisée. Ne vous fiez pas uniquement au saut dans l’éditeur.
Un titre peut changer de formulation sans que l’ancre doive changer. Si un fragment est déjà utilisé, conservez-le lorsque cela reste possible. Un identifiant explicite et stable permet de mettre à jour le texte du titre sans faire perdre leur destination aux liens déjà distribués.
Le résultat attendu est un lien qui arrive au bon bloc. Pour revenir en arrière, remettez l’ancre et la destination précédentes ensemble. Vérifiez qu’aucun autre titre n’utilise cette même valeur avant de conclure que l’ancien comportement est restauré.
Corriger un lien qui part d’une autre page
Si le lien se trouve dans le menu partagé ou dans un autre document, un fragment seul vise la page actuellement ouverte. Sur la page où le titre existe, cela peut fonctionner par hasard. Depuis une autre page, le navigateur cherchera le même identifiant dans le mauvais document.
Ouvrez la page cible et relevez son adresse publique actuelle. Dans le réglage du lien, saisissez le chemin de cette page suivi du fragment, par exemple /prestations/#tarifs sur le même site. Si un domaine, un sous-dossier ou une version linguistique différente est nécessaire, utilisez l’adresse complète correspondant à cette destination.
Pour un menu natif, ouvrez sa navigation dans Apparence, Éditeur si le thème utilise les blocs, ou dans Apparence, Menus si le thème classique expose cet écran. Sélectionnez le lien existant et remplacez son adresse sans recréer toute la navigation. Vérifiez que le bon menu est affiché sur ordinateur et sur téléphone.
Comparez l’ouverture depuis deux pages différentes. Si la page cible a été déplacée, corrigez d’abord son chemin dans les liens que vous maîtrisez. Une redirection du chemin peut conserver un fragment dans certains parcours, mais ne recrée pas l’identifiant correspondant dans le document d’arrivée.
Le résultat attendu est l’ouverture de la même section depuis chaque emplacement prévu. Pour revenir en arrière, restaurez la destination sauvegardée dans le menu ou le bouton concerné. Gardez la correction de l’adresse distincte de celle de l’identifiant.
Parcours 2 : trouver un doublon ou une cible générée
Si l’adresse est correcte mais que le saut atteint un autre titre, inspectez le document public. Dans les outils du navigateur, ouvrez Inspecter ou Éléments puis recherchez l’identifiant du fragment dans le document, par exemple en cherchant id="tarifs". Vérifiez les résultats plutôt que de vous fier uniquement au texte des titres.
Deux titres visuellement différents peuvent avoir le même identifiant après duplication d’un bloc. Un bloc dans le pied de page ou une composition répétée peut également ajouter une cible inattendue. La présence d’une seule occurrence dans l’éditeur de la page ne prouve pas qu’elle est unique une fois le modèle assemblé.
Dans le document ou le modèle responsable, attribuez une autre ancre à l’occurrence qui ne doit pas conserver l’ancien lien. Si les deux sections ont un sommaire, corrigez également le lien associé à la seconde. Gardez l’identifiant historique sur la section que les liens existants devaient atteindre.
Pour un sommaire généré, déterminez d’abord si le composant produit lui-même les identifiants à partir des titres ou s’il utilise les ancres déjà enregistrées. Vérifiez ses réglages actuels et comparez une seule page. Ne créez pas un second sommaire ni une nouvelle série d’identifiants sans comprendre ce qui est rendu.
Le résultat attendu est un seul élément correspondant au fragment dans cette page. Le retour arrière restaure les valeurs relevées sur la copie. Si le doublon revenait avec une composition synchronisée, corrigez sa source ou séparez l’occurrence concernée seulement après avoir vérifié les pages qui la partagent.
Comparer les deux ancres avant et après une réécriture
Dans un article fictif, le sommaire contient « Préparer le matériel » et « Accéder à l’atelier ». Au départ, les deux titres ont respectivement pour ancres materiel et acces. Conservez le corps du bloc et les deux adresses complètes avec leurs fragments. Ce sont les adresses qu’une autre page ou un lecteur peut déjà utiliser pour arriver directement au bon titre.
Sur une copie, simulez une réécriture qui donne l’ancre acces au premier titre et fait pointer les deux entrées du sommaire vers #acces. Le second titre conserve son identifiant. Le lien « Accéder à l’atelier » affiche encore le bon fragment dans la barre d’adresse, mais le navigateur atteint le premier titre qui porte cet identifiant. L’ancienne adresse qui finit par #materiel ne trouve plus de cible. Dans ce cas, changer seulement le texte du lien ou régler le décalage du défilement laisse les identifiants en conflit.
Gardez deux repères dans la fiche de recette. Le premier est le fragment demandé. Le second est le titre réellement atteint. Pour le lien Accéder à l’atelier, ces repères peuvent se contredire même si l’adresse n’a pas changé. Vérifiez les deux entrées du sommaire et les anciennes adresses avec leurs fragments. Vous pourrez ensuite réparer les identifiants à partir de la version saine, en gardant le texte réécrit que vous avez approuvé.
Rétablir les identifiants de départ dans l’éditeur
Dans la Vue en liste, sélectionnez le bloc Titre « Préparer le matériel ». Dans les réglages avancés du bloc, ouvrez le champ Ancre HTML et remettez materiel. Vérifiez le second bloc Titre. Il doit garder acces. Revenez ensuite dans le sommaire et corrigez le lien « Préparer le matériel » pour qu’il vise #materiel. Laissez le lien « Accéder à l’atelier » sur #acces. Dans le champ de l’ancre, saisissez l’identifiant seul. Le signe # appartient au fragment de l’adresse du lien.
Si le bloc vient d’un sommaire généré, corrigez les titres et identifiez le composant qui calcule les liens. Contrôlez ensuite le sommaire régénéré. Dans la recette, le sommaire est une liste de liens modifiables à la main. Quand le bloc Titre est éditable normalement, utilisez son réglage d’ancre pour éviter de modifier ses commentaires ou la structure des autres blocs.
Pour diagnostiquer un fragment collé ou un résultat qui reste inattendu, ouvrez le code du bloc ou inspectez le DOM du visiteur après enregistrement. Recherchez les deux valeurs exactes dans les attributs id et comparez les destinations href du sommaire. Dans l’état défectueux, id="acces" apparaît deux fois et id="materiel" manque. Regardez dans la page entière si le même identifiant existe en dehors de l’article. Le fragment est résolu dans le document, même si le doublon provient d’un autre bloc ou du modèle.
<a href="#materiel">Préparer le matériel</a>
<a href="#acces">Accéder à l’atelier</a>
<h2 id="materiel">Préparer le matériel</h2>
<h2 id="acces">Accéder à l’atelier</h2>Vérifier les deux trajets et restaurer la version saine
Rechargez la copie après l’enregistrement. Cliquez sur chacune des entrées du sommaire et identifiez le titre effectivement atteint. Ouvrez aussi les deux anciennes adresses dans un nouvel onglet. Si #acces reste dans la barre d’adresse mais que l’arrivée est mauvaise, inspectez la cible et recherchez de nouveau l’identifiant. Dans la recette corrigée, chaque valeur apparaît une fois, les deux liens et les deux accès directs rejoignent les titres attendus, et la nouvelle phrase d’accueil reste en place.
Pour annuler l’essai, restaurez la révision de référence de la copie. Si le document a reçu d’autres changements, rétablissez seulement les blocs et liens concernés à partir du relevé. Refaites les quatre trajets. Le retour à la référence doit retrouver les deux ancres et, si vous avez restauré la révision entière, le texte d’accueil initial. Les captures du test confirment que le corps et le fragment rendu retrouvent leur valeur de départ. La réécriture est simulée et les blocs sont enregistrés par les fonctions du cœur. Le navigateur vérifie les cibles après enregistrement. L’interface d’édition et le décalage sous un en-tête fixe restent des contrôles distincts.
Parcours 3 : dégager le titre sous un en-tête fixe
Si le bon titre est atteint mais reste caché, comparez la hauteur de l’en-tête au moment du saut. Faites-le sur le rendu public sans barre d’administration et à plusieurs largeurs. Un en-tête peut devenir plus haut, se rétracter ou ne plus rester fixe selon la taille de l’écran.
Dans l’éditeur, sélectionnez un bloc Groupe qui contient réellement le titre cible. Dans Avancé, Classes CSS supplémentaires, ajoutez parcours-visite sans point devant le nom. Vérifiez que le titre a l’ancre tarifs. Les deux valeurs sont des exemples à adapter à votre document.
Avec les droits de modification de styles, ouvrez Apparence, Éditeur, Styles puis CSS supplémentaire dans le menu de la zone Styles. Pour un thème classique qui l’expose, utilisez Apparence, Personnaliser, CSS supplémentaire. Sauvegardez le CSS déjà présent avant d’ajouter cette règle à la zone de CSS du site, où un sélecteur complet est attendu.
Ajustez 6rem à la place réellement prise par l’en-tête et à l’espace de lecture voulu. La règle ne vise que le titre contenu dans le Groupe identifié. Si la hauteur diffère nettement entre téléphone et ordinateur, adaptez le réglage de manière ciblée après mesure. N’ajoutez pas de marge visible à toutes les sections pour corriger un seul saut.
Le résultat attendu est un titre visible après l’ouverture du lien, sans changer la destination ni la disposition normale de la page. Si le thème fait défiler un conteneur interne ou un script impose sa propre position, vérifiez son mécanisme avant d’augmenter la valeur. Le retour arrière retire cette seule règle et, si elle ne sert à rien d’autre, la classe ajoutée.
.parcours-visite #tarifs {
scroll-margin-top: 6rem;
}Traiter les sections masquées et les sauts interceptés
Si la cible se trouve dans un volet fermé, une zone chargée au clic ou un onglet, vérifiez sa présence dans le document au moment de l’arrivée. Un fragment ne commande pas à tous les composants d’ouvrir leur contenu. Si la lecture de la section est essentielle, placez l’ancre sur un titre visible ou utilisez le mécanisme prévu par le composant.
Sur une copie, ajoutez un lien texte simple vers la même ancre en dehors du menu ou du sommaire suspect. Comparez son fonctionnement avec le lien d’origine et avec l’adresse ouverte directement dans un nouvel onglet. Si le lien simple fonctionne, le défaut peut venir du comportement ajouté par le menu, non de l’identifiant.
Sur téléphone, examinez aussi la fermeture du menu après le clic. Un panneau encore ouvert peut recouvrir la section même lorsque le défilement est correct. Ne corrigez pas ce défaut par une marge énorme : elle ne ferme pas le panneau et décale aussi les autres parcours.
Si un script contrôle le saut ou une animation, relevez la première erreur dans la console et comparez avec le comportement natif sur la copie. Réactivez les composants essayés à la fin de la comparaison. N’ajoutez pas un second script de défilement pour masquer le premier.
Le résultat attendu est une cause isolée : cible masquée, menu qui recouvre la page ou comportement de saut remplacé. Le retour arrière retire le lien de test et remet la configuration des composants. Conservez le réglage d’ancre correct pendant cette comparaison.
Vérifier la destination au clavier et sur plusieurs largeurs
Ouvrez d’abord l’adresse complète avec le fragment dans une nouvelle session. Vérifiez que le titre est visible et que le texte attendu suit immédiatement. Répétez depuis le sommaire de la page puis depuis une autre page si un lien partagé doit atteindre cette section.
Parcourez le sommaire au clavier. Le lien doit être atteignable, avoir un libellé compréhensible et permettre de poursuivre la lecture après activation. Vérifiez la position du focus et la visibilité de son indicateur dans le navigateur réellement utilisé. Une règle de marge de défilement ne corrige pas à elle seule un focus perdu ou un lien inaccessible.
Sur téléphone, essayez une largeur où le titre se replie sur deux lignes. Testez aussi un agrandissement du texte si le site le prévoit. Une hauteur d’en-tête mesurée sur une seule largeur peut masquer encore une partie du titre lorsque le menu change de taille.
Comparez une section qui n’a pas été modifiée. La règle CSS ciblée ne doit pas déplacer inutilement les autres ancres ou la mise en page normale. Si vous constatez un effet ailleurs, vérifiez le sélecteur et le Groupe avant d’ajouter une surcharge plus forte.
Le résultat attendu est un saut fiable avec un titre lisible et une navigation qui reste utilisable. En cas d’écart, notez la largeur, l’adresse et le comportement exact pour ajuster la seule couche en cause.
Garder une liste des ancres utiles pour les prochaines éditions
Consignez la page, l’ancien fragment et le fragment retenu, puis les emplacements qui y pointent. Pour un sommaire généré, indiquez quel réglage ou quel composant crée les identifiants. La prochaine personne pourra modifier un titre sans renommer par inadvertance une destination déjà utilisée.
Si vous avez ajouté du CSS, conservez le sélecteur, la valeur choisie et le résultat mesuré sur les principales largeurs. Le retour arrière doit pouvoir retirer seulement cette règle. Si l’en-tête change plus tard, reprenez le contrôle de la marge au lieu de dupliquer les réglages à chaque page.
La résolution est acquise lorsque la bonne section est atteinte depuis les liens prévus et que son titre reste visible. Gardez les ancres historiques utiles et retirez les seuls éléments de diagnostic devenus inutiles. Une vérification sur les pages voisines permet enfin de confirmer que les liens partagés gardent leur destination.
