Vai al contenuto

Silktide verifica che ogni pagina offra ai visitatori un modo per passare direttamente al contenuto principale, saltando intestazioni e navigazione ripetute. Di solito si tratta di un link "vai al contenuto" nella parte superiore della pagina oppure di un punto di riferimento per il contenuto principale.

<!-- Un link per saltare al contenuto principale -->
<a href="#main">Vai al contenuto principale</a>
...
<main id="main">
  <h1>Benvenuti</h1>
</main>

Perché è importante

Molte persone consultano le pagine in sequenza: un utente di ascolta i contenuti nell'ordine in cui compaiono, mentre un utente da tastiera passa con il tasto Tab attraverso ogni link. Poiché la maggior parte dei siti ripete la stessa intestazione e la stessa navigazione su ogni pagina, questi utenti devono attraversarle nuovamente ogni volta: un visitatore cieco potrebbe dover superare decine o centinaia di link di navigazione prima di raggiungere il contenuto. Un link per saltare al contenuto o un punto di riferimento principale elimina questo ostacolo.

I link per saltare al contenuto non devono necessariamente essere visibili a tutti. Un modello comune mantiene il link nascosto finché non riceve il , così non influisce sul design.

Come risolvere il problema

Aggiungi nella parte superiore della pagina un link che punti all'inizio del contenuto principale, ad esempio <a href="#main">Vai al contenuto principale</a>.
Assicurati che la destinazione esista: il frammento deve corrispondere all'id di un elemento reale e l'elemento di destinazione deve essere visibile.
In alternativa (o in aggiunta), contrassegna il contenuto principale con un elemento <main> o con role="main": entrambe le soluzioni soddisfano autonomamente questo controllo.
La prassi migliore consiste nel combinare le due soluzioni, con un link per saltare al contenuto che punti al punto di riferimento <main>, in modo da garantire la compatibilità con la più ampia gamma di browser e tecnologie assistive:

<a href="#main">Vai al contenuto principale</a>
...
<main id="main">...</main>

Come Silktide esegue il controllo

Ignora le pagine con meno di 500 caratteri di testo visibili: il contenuto è troppo breve per rendere necessario saltarlo.
Cerca un link che punti a un frammento (come #main) nella stessa pagina. Per essere conteggiato, il link non deve trovarsi accanto ad altro testo (il che suggerirebbe che faccia parte di una frase anziché essere un aiuto alla navigazione) e deve essere visibile oppure nascosto in modo compatibile con i lettori di schermo.
Il testo del link non viene esaminato deliberatamente, così il controllo funziona in qualsiasi lingua.
Segnala un problema quando:
- Il frammento del link punta a un id che non esiste nella pagina (un link per saltare al contenuto non funzionante).
- Il link compare dopo più di 500 caratteri di testo visibili, troppo tardi per risparmiare fatica all'utente.
- Non esiste alcun link per saltare al contenuto e la pagina non contiene alcun punto di riferimento <main> o role="main".

Risoluzione dei problemi

Ho un link per saltare al contenuto, ma il controllo continua a non riuscire

Controlla i tre casi di errore descritti sopra: le cause più comuni sono un frammento che punta a un id non più esistente, un elemento di destinazione invisibile oppure un banner per i cookie o altri contenuti che spingono il link oltre i 500 caratteri dall'inizio della pagina.

Il mio contenuto inizia nella parte superiore della pagina

Se la pagina contiene meno di 500 caratteri visibili, viene ignorata automaticamente. Le pagine più lunghe hanno comunque bisogno di un link per saltare al contenuto o di un punto di riferimento principale, anche quando il contenuto inizia subito, perché Silktide non è in grado di determinare in modo affidabile che non vi sia alcuna navigazione precedente.