Sito in aggiornamento

Il sito è in fase di aggiornamento dopo la sostituzione del sito vecchio.

Usare lo Skip Link per aiutare la navigazione

Lo skip link è un link rapido che compare in focus con la navigazione da tastiera. È il primo in ordine, quindi compare con il primo Tab e serve per navigare facilmente tra le aree del sito web.

 Slide 1: Usare lo Skip Link per aiutare la navigazione

Cosa trovi in questa pagina:

  1. Cos’è lo skip link?
  2. Come funziona lo skip link?
  3. C’è uno standard per realizzare lo skip link?
  4. Si può migliorare lo skip link?
  5. Esempi di ulteriori skip link:
  6. Skip link personalizzato
  7. Piccola chicca dal sito GOV.UK
  • Cos’è lo skip link?

    Lo skip link è un link rapido che compare in focus con la navigazione da tastiera. È il primo in ordine, quindi compare con il primo Tab e serve per navigare facilmente tra le aree del sito web.

  • Come funziona lo skip link?

    In pratica è un anchor link nascosto ma visibile con :focus e Screen Reader. Qui lo schema:

    Skip to main content



    Main content

  • C’è uno standard per realizzare lo skip link?

    Il modo più usato è di inserire solo il link al main content.

  • Si può migliorare lo skip link?

    Penso di sì. Sarebbe logico aggiungere ulteriori skip link per migliorare l’esperienza d’uso. Se ci pensiamo, è un modo per creare delle utili scorciatoie, come quando siamo al parco e vediamo i percorsi di erba battuta agli angoli del giardino.

  • Esempi di ulteriori skip link:

    • Aggiungere skip link al menù e al footer. Esempio visibile nel sito www.accessibilitydays.it
    • Aggiungere ulteriore skip link nel footer, per tornare al menu iniziale. Esempio visibile nel sito www.accessibilitydays.it
  • Skip link personalizzato

    Lo skip link è personalizzabile in base allo stile del sito. Ad esempio, GOV.UK ha un link giallo a tutto schermo (su Gov.uk il colore giallo è usato per gli elementi focus).

  • Piccola chicca dal sito GOV.UK

    Da notare che il testo non è al centro, come si potrebbe essere portati a fare (ah la simmetria). Penso che il testo sia a sinistra perché chi usa l’ingrandimento zoom inizia la navigazione dall’angolo in alto a sinistra. Se il testo fosse al centro non si potrebbe leggere.