Lo skip link, o “salta al contenuto”, è una di quelle piccole cose che fanno una grande differenza nell’accessibilità di un sito, e con la nuova Normativa sulla Accessibilità… beh, già lo sai! Tantissimi siti devono mettersi a norma!
Lo skip link serve per aiutare chi naviga con la tastiera o con uno screen reader a saltare subito al contenuto principale, senza dover tabulare tutti i menu e i blocchi dell’header.
Se usi Bricks Builder, inserirlo è facilissimo e in questo articolo ti spiego passo passo come fare.
Indice dei contenuti
Perché dovresti inserire uno skip link?
Se premi TAB su un sito, ti accorgi subito che la prima cosa che viene evidenziata è… il logo, poi il menu, poi magari una barra utility, e solo dopo (forse) arrivi al contenuto.
Per chi non può usare il mouse, è una seccatura.
Per chi usa screen reader, è frustrante.
Per chi vuole fare siti accessibili, è una cosa che non può mancare.
Cosa ti serve? Solo due cose:
- Un link all’inizio della pagina
- Un ID nel contenuto principale della tua pagina (di solito il tag
<main>o la prima sezione importante)
Come inserire uno skip link con Bricks builder
1. Vai nel template Header
Apri il tuo Template Header in Bricks, quello che usi per tutte le pagine.
Il link “salta al contenuto” va inserito come primo elemento del body, quindi prima dell’header vero e proprio.
2. Aggiungi un elemento “Text”
- Inserisci un elemento Text come primissima cosa (deve comparire come primo elemento del body)
- Scrivi il testo: Salta al contenuto principale
- Nella tab “Link”, imposta il link a
#main(o l’ID che assegnerai al tuo contenuto principale) - Assegna la classe personalizzata
skip-link
Voilà! Bricks nasconderà il link automaticamente!
⚠️ Ovviamente, ricorda di assegnare l’ID scelto al contenuto principale!
Conclusione
Lo skip link è una di quelle cose che non si vedono (quasi) mai, ma che fanno la differenza per chi ha bisogno di navigare in modo alternativo.
E con Bricks, ci vogliono meno di 2 minuti per inserirlo.
Se vuoi migliorare davvero l’accessibilità dei tuoi siti (senza plugin, senza scocciature), comincia disegnando e sviluppando siti che rispettino la nuova normativa sulla accessibilità! 😉
E come sempre, se hai dubbi, contattami!
