Documentazione obsoleta

Questa documentazione non è più mantenuta, ma è stata ripristinata per chi ne avesse ancora bisogno in vecchi progetti.

La versione più attuale di Bootstrap Italia è la versione 2.x, inizia un nuovo progetto sfruttando il codice sorgente aggiornato.

Skiplinks

Gli Skiplink sono collegamento interno alla pagina che consentono agli utenti di accedere direttamente al contenuto principale della pagina saltando il menu di navigazione.

È un componente particolarmente utile per coloro che accedono con screen reader e/o da tastiera.

Gli elementi Skiplink sono contraddistinti dalle classi:

sr-only: renderizzati solo per gli screen reader
sr-only-focusable: renderizzati solo al focus

Per attivare la funzionalità si digita da tastiera il tasto: TAB.

<div class="skiplinks">
  <a class="sr-only sr-only-focusable" href="#">Vai al contenuto principale</a>
  <a class="sr-only sr-only-focusable" href="#">Vai al footer</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 menù 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.