Posizione

Cosa richiede

Quando un sito è composto da più di poche pagine, gli utenti — in particolare quelli con disabilità cognitive o gli utenti di screen reader che scorrono velocemente — hanno bisogno di un segnale «sei qui». Il titolo della pagina fornisce un indizio; il criterio di successo ne chiede di più: una sequenza di breadcrumb che mostri la gerarchia, un marcatore della pagina corrente nella navigazione principale, o una mappa del sito che evidenzi la sezione attiva.

Questo è un criterio AAA, quindi è aspirazionale per la maggior parte dei team, ma risulta vantaggioso su siti di documentazione, cataloghi di e-commerce e qualsiasi architettura dell’informazione più profonda di due livelli.

Come soddisfarlo

• Aggiungere un breadcrumb sopra l’intestazione principale in ogni pagina non di primo livello: Home › Toolkit › Standard › WCAG 2.2.
• Contrassegnare il link alla pagina corrente nella navigazione con aria-current="page" e distinguerlo visivamente (grassetto, colore d’accento, sottolineatura).
• Per moduli lunghi o processi a più passaggi, mostrare un indicatore di avanzamento: «Passaggio 2 di 5: Spedizione».
• Rendere il breadcrumb un <nav aria-label="Breadcrumb"> contenente un elenco ordinato, con l’ultimo elemento non collegato.
• Per siti di documentazione approfondita, rispecchiare l’architettura dell’informazione in un albero nella barra laterale sinistra che si espanda per mostrare il ramo della pagina corrente.

Errori comuni

• Breadcrumb che mostrano solo la sezione di primo livello, non il percorso completo.
• Link alla pagina corrente nella navigazione che appaiono identici ai link inattivi — aria-current impostato ma nessun indicatore visivo.
• Indicatori di avanzamento su moduli a più passaggi che mostrano solo «Passaggio 2» senza il totale, rendendo impossibile capire quanto rimane.
• Breadcrumb che collegano la pagina corrente a sé stessa (impatto ridotto, ma fonte di lieve confusione).
• Solo il link «Home», senza altri indicatori di posizione, su un albero di documentazione profondo cinque livelli.

Perché è importante

Il carico cognitivo è l’imposta silenziosa sull’accessibilità. Gli utenti con ADHD, dislessia, differenze nella memoria di lavoro, o chiunque navighi in una seconda lingua dipende da indicatori di posizione persistenti per mantenere il contesto. Senza di essi, ogni clic su un link è un salto nel buio. I breadcrumb e aria-current costano quasi nulla da implementare e migliorano l’esperienza per tutti — ed è per questo che molti team adottano il criterio 2.4.8 anche impegnandosi solo al livello AA.