Perché è importante ignorare i collegamenti di navigazione
I collegamenti di salto della navigazione offrono diversi vantaggi:
- Usabilità migliorata: Riduce lo sforzo richiesto per navigare nei menu per gli utenti che si affidano a tecnologie assistive.
- Accessibilità migliorata: Garantisce la conformità alle linee guida sull'accessibilità come WCAG e ADA.
- Migliore esperienza utente: Rende il tuo sito più facile da navigare per tutti gli utenti.
Guida passo passo per aggiungere collegamenti di navigazione saltati
Passaggio 1: aggiungere HTML per i collegamenti di salto
Aggiungi il codice HTML per un collegamento di salto nella parte superiore del file di intestazione del tuo sito:
Vai al contenuto principale
Garantire il href l'attributo punta all'ID del contenitore di contenuto principale.
Passaggio 2: aggiungere un ID al contenuto principale
Nel tuo tema WordPress, individua il contenitore del contenuto principale e aggiungi un ID:
</div>
Passaggio 3: Definisci lo stile del collegamento di salto
Imposta lo stile del link di salto per assicurarti che sia visibile quando è attivo. Aggiungi il seguente CSS al tuo tema:
.skip-link { posizione: assoluta; alto: -40px; sinistra: 0; sfondo: #000; colore: #fff; imbottitura: 10px; decorazione del testo: nessuna; indice z: 100; } .skip-link:focus { alto: 0; }
Passaggio 4: testare il collegamento di salto
Utilizza una tastiera per navigare nel tuo sito e verifica che il collegamento di salto appaia e funzioni correttamente. Premi Tab per concentrarsi sul collegamento di salto e Enter per attivarlo.
Buone pratiche per i collegamenti di navigazione saltati
- Posiziona prima i collegamenti di salto: Assicurati che il collegamento di salto sia il primo elemento attivabile sulla pagina.
- Utilizzare etichette trasparenti: Il testo del collegamento dovrebbe indicare chiaramente il suo scopo, ad esempio "Vai al contenuto principale".
- Test su tutti i dispositivi: Verifica la funzionalità su desktop, tablet e dispositivi mobili.
Casi di studio: Skip Links in azione
Caso di studio 1: sito web educativo
Una piattaforma didattica ha implementato i collegamenti di salto, migliorando la navigazione per gli studenti che utilizzano lettori di schermo e migliorando del 15% i punteggi di accessibilità.
Caso di studio 2: Negozio di e-commerce
Un rivenditore online ha aggiunto i collegamenti di salto al proprio menu di navigazione, riducendo i tassi di abbandono e migliorando l'usabilità per gli utenti che utilizzano la tastiera.
FAQ: Aggiunta di collegamenti di navigazione saltati
Cosa sono i link di salto della navigazione?
I collegamenti di salto navigazione consentono agli utenti di saltare i menu di navigazione ripetitivi e di andare direttamente al contenuto principale della pagina.
I link di salto sono obbligatori per la conformità all'accessibilità?
Sebbene non siano esplicitamente richiesti, i collegamenti di salto contribuiscono a soddisfare le linee guida WCAG migliorando la navigazione per gli utenti di tecnologie assistive.
Posso aggiungere collegamenti di salto senza modificare il codice?
Sì, alcuni plugin di accessibilità come Plugin di accessibilità WP One Tap può aggiungere automaticamente i collegamenti di salto.
I link di salto funzionano sui dispositivi mobili?
Sì, se implementati correttamente, i collegamenti di salto funzionano su tutti i dispositivi, compresi i dispositivi mobili.
Come faccio a testare i link di salto della navigazione?
Utilizza una tastiera per navigare nel tuo sito e assicurati che il collegamento di salto sia attivabile e funzionale.
