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 reader
• visually-hidden-focusable: renderizzati solo al focus

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

<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>