Skiplinks
Gli Skiplinks consentono agli utenti di accedere direttamente al contenuto principale della pagina saltando l’header e il menu di navigazione.
È un componente particolarmente utile per coloro che utilizzando screen reader e/o navigano utilizzando la tastiera.
Gli elementi Skiplinks sono contraddistinti dalle classi:
visually-hidden: renderizzati solo per gli screen readervisually-hidden-focusable: renderizzati solo al focus
Per attivare la funzionalità si digita da tastiera il tasto: TAB.
1
2
3
4
<div class="skiplinks">
<a class="visually-hidden-focusable" href="#">Vai al contenuto principale</a>
<a class="visually-hidden-focusable" href="#">Vai al piede di pagina</a>
</div>
Visualizzazione degli Skiplinks su macOS
Chrome
Per attivare la funzionalità si digita da tastiera il tasto: TAB.
Safari
Per attivare la navigazione via TAB è necessario:
- Aprire il menu Safari > Preferenze
- Cliccare sulla tab Avanzate
- Selezionare “Premi tabulatore per evidenziare tutti gli elementi della pagina web”.
Alternativamente è possibile navigare gli elementi usando opzione+TAB
Firefox
Le impostazioni di default di macOS non consentono la navigazione di tutti gli elementi interattivi di un sito con l’uso del pulsante TAB. Per attivare questa modalità è necessario modificare le preferenze di sistema come segue:
- Aprire il Menu Apple > Preferenze di Sistema, quindi fare clic su Tastiera.
- Fare clic su Abbreviazioni.
- Nella parte inferiore della finestra delle preferenze, selezionare “Usa la navigazione da tastiera per spostare la selezione tra i controlli”.
Una volta selezionata questa opzione gli skiplinks saranno attivabili su Firefox con il pulsante TAB.
Vedi anche la guida ufficiale di Apple.