Più collegamenti di salto per le pagine lunghe

In una pagina semplice, un link di salto è sufficiente. Ma i layout complessi contengono diverse aree ripetute e gli utenti potrebbero voler raggiungere qualcosa oltre a main.

Qualcuno potrebbe voler raggiungere la casella di ricerca, la navigazione principale o il piè di pagina, non sempre l'articolo. Offrite le destinazioni che usano davvero.

Un insieme comune è Vai al contenuto, Vai alla navigazione, Vai alla ricerca. Mantenetelo breve, così l'elenco stesso non diventa un'ulteriore incombenza.

Racchiudete i link per ignorare i contenuti in una piccola area nav, così verranno letti come un unico insieme coerente di scorciatoie all'inizio della pagina.

Date al contenitore un aria-label come «Link di salto». Senza un nome, due nav nella stessa pagina risultano identici a chi usa uno screen reader.

Ogni scorciatoia ha comunque bisogno di un vero id su cui atterrare. Vai alla ricerca punta all'area di ricerca, vai alla navigazione punta al menu e così via.

Come prima, aggiungete tabindex meno uno a ogni destinazione, così il focus vi si sposta in modo affidabile quando viene attivato il link corrispondente.

Resistete alla tentazione di aggiungere una scorciatoia per ogni cosa. Troppi link per ignorare i contenuti diventano a loro volta un blocco di contenuti ripetuti da attraversare con Tab.

Ricordate che landmark ben definiti permettono già a chi usa uno screen reader di passare da un'area all'altra. I link di salto aggiuntivi servono soprattutto a chi usa la tastiera e vede lo schermo.

Elencate le scorciatoie in un ordine sensato, di solito mettendo prima il contenuto, perché è ciò che interessa alla maggior parte delle persone. Lasciate per ultime quelle meno utilizzate.

Attraversate l'insieme con Tab e attivate ogni link. Verificate che il focus finisca ogni volta nell'area corretta, non su un elemento vicino. ✅

Per le pagine complesse, offrite alcuni link per ignorare i contenuti in un nav con un'etichetta, ognuno con la propria destinazione focalizzabile. Mantenete breve l'insieme e mettete prima il contenuto. 🎯