Ispeziona un esempio di link nascosto

Simulazione visiva locale. Nessun sito viene analizzato o modificato; gli URL restano codice inerte.

Cambiare caso ripristina l’originale. Mostrare serve a ispezionare, non ripara un sito reale. Senza JavaScript usa i sei casi e i file scaricabili.

L’attributo hidden

Significato del modello

hidden normalmente impedisce la visualizzazione, ma CSS può sovrascriverne il comportamento.

Cosa ispezionare sulla tua pagina

Esamina elemento, antenati e display calcolato; il sorgente non descrive da solo il risultato finale.

Prossima azione

Conferma il motivo della presenza prima di modificare modello o contenuto.

Originale

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide" hidden>Guida di riferimento</a>

Mostra per ispezionare

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide">Guida di riferimento</a>

Rimuovi il riferimento di esempio

Ancora presente nell’esempio: No

<p>Guida di riferimento</p>
Una regola display:none

Significato del modello

L’ancora resta nell’HTML mentre la regola display elimina il suo riquadro.

Cosa ispezionare sulla tua pagina

Controlla regola applicata, origine e antenati che potrebbero nascondere la sezione.

Prossima azione

Rimuovi un riferimento indesiderato dal contenuto o modello che lo genera, poi verifica la pagina pubblicata.

Originale

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide" style="display:none">Guida di riferimento</a>

Mostra per ispezionare

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide">Guida di riferimento</a>

Rimuovi il riferimento di esempio

Ancora presente nell’esempio: No

<p>Guida di riferimento</p>
Una regola visibility:hidden

Significato del modello

L’esempio è invisibile, ma può conservare lo spazio nel layout.

Cosa ispezionare sulla tua pagina

Esamina visibility calcolata, ereditata o sovrascritta; una schermata non prova l’assenza del link.

Prossima azione

Correggi la regola responsabile solo se la visibilità è l’obiettivo e registra il motivo.

Originale

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide" style="visibility:hidden">Guida di riferimento</a>

Mostra per ispezionare

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide">Guida di riferimento</a>

Rimuovi il riferimento di esempio

Ancora presente nell’esempio: No

<p>Guida di riferimento</p>
Un riferimento trasparente

Significato del modello

Opacità zero rende trasparente l’esempio senza eliminare l’ancora sorgente.

Cosa ispezionare sulla tua pagina

Controlla opacity dell’elemento e degli antenati, oltre alla destinazione. Invisibile non significa assente dal DOM.

Prossima azione

Verifica origine e scopo; non dichiarare rimosso il link finché l’ancora esiste.

Originale

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide" style="opacity:0">Guida di riferimento</a>

Mostra per ispezionare

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide">Guida di riferimento</a>

Rimuovi il riferimento di esempio

Ancora presente nell’esempio: No

<p>Guida di riferimento</p>
Una sezione richiusa

Significato del modello

Il contenuto di details chiuso può essere intenzionalmente accessibile tramite summary.

Cosa ispezionare sulla tua pagina

Apri la sezione e controlla riferimento, scopo e HTML finale; nascosto inizialmente non significa automaticamente spam.

Prossima azione

Mantieni il comportamento utile. Esamina una destinazione inattesa separatamente dal componente.

Originale

Ancora presente nell’esempio: Sì

<details><summary>Riferimento aggiuntivo</summary><a href="https://reference.example/guide">Guida di riferimento</a></details>

Mostra per ispezionare

Ancora presente nell’esempio: Sì

<details open><summary>Riferimento aggiuntivo</summary><a href="https://reference.example/guide">Guida di riferimento</a></details>

Rimuovi il riferimento di esempio

Ancora presente nell’esempio: No

<details><summary>Riferimento aggiuntivo</summary><p>Guida di riferimento</p></details>
Testo accessibile ritagliato

Significato del modello

Il testo ritagliato visivamente può servire alle tecnologie assistive; verificane lo scopo.

Cosa ispezionare sulla tua pagina

Controlla nome accessibile, controlli vicini e comportamento del focus con strumenti adeguati.

Prossima azione

Non eliminare testo accessibile utile solo perché invisibile. Correggi una destinazione indesiderata alla fonte.

Originale

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide" style="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap">Guida di riferimento</a>

Mostra per ispezionare

Ancora presente nell’esempio: Sì

<a href="https://reference.example/guide">Guida di riferimento</a>

Rimuovi il riferimento di esempio

Ancora presente nell’esempio: No

<p>Guida di riferimento</p>