Inspecter un exemple de lien masqué

Simulation visuelle locale. Aucun site n’est analysé ou modifié ; les URL restent du code inerte.

Changer de cas restaure l’original. Révéler aide à inspecter sans réparer un site réel. Sans JavaScript, utilisez les six cas et les téléchargements.

L’attribut hidden

Sens du motif

hidden empêche normalement l’affichage, mais CSS peut remplacer ce comportement.

À inspecter sur votre page

Examinez élément, ancêtres et display calculé ; le source seul ne décrit pas tout le rendu final.

Prochaine action

Confirmez le rôle de la référence avant de modifier modèle ou contenu.

Original

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide" hidden>Guide de référence</a>

Révéler pour inspecter

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide">Guide de référence</a>

Retirer la référence exemple

Ancre présente dans l’exemple: Non

<p>Guide de référence</p>
Une règle display:none

Sens du motif

L’ancre reste dans le HTML alors que sa règle display supprime sa boîte.

À inspecter sur votre page

Vérifiez règle appliquée, origine et éventuels ancêtres masquant la section.

Prochaine action

Retirez une référence indésirable du contenu ou modèle qui la produit, puis contrôlez la page publiée.

Original

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide" style="display:none">Guide de référence</a>

Révéler pour inspecter

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide">Guide de référence</a>

Retirer la référence exemple

Ancre présente dans l’exemple: Non

<p>Guide de référence</p>
Une règle visibility:hidden

Sens du motif

L’exemple devient invisible tout en pouvant conserver sa place.

À inspecter sur votre page

Examinez visibility calculée, héritée ou remplacée ; une capture ne prouve pas l’absence du lien.

Prochaine action

Corrigez la règle responsable seulement si la visibilité doit changer et consignez le motif.

Original

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide" style="visibility:hidden">Guide de référence</a>

Révéler pour inspecter

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide">Guide de référence</a>

Retirer la référence exemple

Ancre présente dans l’exemple: Non

<p>Guide de référence</p>
Une référence transparente

Sens du motif

Une opacité nulle rend l’exemple transparent sans retirer l’ancre source.

À inspecter sur votre page

Vérifiez opacity sur l’élément et ses ancêtres ainsi que la destination. Invisibilité ne signifie pas absence du DOM.

Prochaine action

Examinez origine et objectif ; ne déclarez le lien retiré que lorsque l’ancre a disparu.

Original

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide" style="opacity:0">Guide de référence</a>

Révéler pour inspecter

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide">Guide de référence</a>

Retirer la référence exemple

Ancre présente dans l’exemple: Non

<p>Guide de référence</p>
Une section repliée

Sens du motif

Le contenu de details fermé peut être volontairement accessible par summary.

À inspecter sur votre page

Ouvrez la section et examinez référence, objectif et HTML final ; masqué au repos ne signifie pas automatiquement spam.

Prochaine action

Conservez le comportement utile. Analysez une destination inattendue séparément du composant.

Original

Ancre présente dans l’exemple: Oui

<details><summary>Référence complémentaire</summary><a href="https://reference.example/guide">Guide de référence</a></details>

Révéler pour inspecter

Ancre présente dans l’exemple: Oui

<details open><summary>Référence complémentaire</summary><a href="https://reference.example/guide">Guide de référence</a></details>

Retirer la référence exemple

Ancre présente dans l’exemple: Non

<details><summary>Référence complémentaire</summary><p>Guide de référence</p></details>
Texte accessible visuellement rogné

Sens du motif

Un texte rogné peut servir aux technologies d’assistance ; vérifiez cette fonction.

À inspecter sur votre page

Examinez nom accessible, contrôles voisins et focus avec les outils appropriés.

Prochaine action

Ne retirez pas un texte accessible utile seulement parce qu’il est invisible. Corrigez une destination indésirable à sa source.

Original

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide" style="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap">Guide de référence</a>

Révéler pour inspecter

Ancre présente dans l’exemple: Oui

<a href="https://reference.example/guide">Guide de référence</a>

Retirer la référence exemple

Ancre présente dans l’exemple: Non

<p>Guide de référence</p>