Come integrare efficacemente i link di salto e la navigazione principale

In che modo i link di salto completano la navigazione principale senza creare nuovi ostacoli all'orientamento?

Il link di salto abbrevia il percorso di tastiera ricorrente attraverso l'intestazione e la navigazione senza sostituirne la funzione di orientamento. Deve diventare visibile al focus iniziale, impostare la posizione di scorrimento e il focus sulla stessa area principale stabile e proseguire la navigazione logicamente da lì.

Destinazione principale stabile

1. Definire un'area principale coerente per ogni tipo di pagina e indirizzare il primo link di salto direttamente a questa destinazione con focus.

2. Verifica in modo pratico la visibilità, la posizione di scorrimento e il successivo focus della tastiera su pagine lunghe e in diversi browser.

3. Aggiungere ulteriori punti di salto solo per sezioni di grandi dimensioni che si ripetono frequentemente e coordinarne l'ordine con la navigazione.

Esempio funzionante: "Focus invisibile"

Una pagina presenta un mega menu con molti link, ma il link di salto esistente consente solo uno scorrimento visivo fino a un'intestazione. Il punto di salto viene posizionato sull'elemento principale e reso selezionabile; dopo l'attivazione, il passaggio successivo tramite tab inizia dal primo link dell'articolo anziché dall'intestazione.

Navigazione supplementare

• Numero di passaggi tramite tab dall'inizio della pagina al primo elemento di controllo nel contenuto principale con e senza il link di salto.

• Percentuale di modelli testati in cui l'attivazione, la posizione di scorrimento e il successivo focus sul punto di salto principale specificato sono identici.

Focus invisibile

• Focus invisibile Il link esiste tecnicamente, ma quando la tastiera è a fuoco, rimane al di fuori dell'area visibile o non ha uno stato riconoscibile.

• Salta senza focus La pagina scorre fino all'area principale mentre il focus della tastiera rimane nell'intestazione e la successiva pressione del tasto riparte da lì.

• Target variabile Modelli diversi utilizzano ID diversi o posizionano il target davanti a banner che devono comunque essere attraversati ogni volta.

Percorso di focus iniziale significativo

• Percorso di focus iniziale significativo – Il link "Salta pagina" appare alla prima pressione di un tasto e si trova prima della navigazione ricorrente e di altre sezioni di intestazione estese.

• Destinazione principale stabile – Il pulsante di salto indica l'inizio effettivo del contenuto principale su tutti i tipi di pagina e può catturare visibilmente l'attenzione.

• Navigazione supplementare – I link di salto e la navigazione principale svolgono funzioni separate, senza offrire lo stesso percorso di focus due volte o in modo contraddittorio.

Quali domande sorgono ora?

Separa "Collegamento tra link di salto e navigazione" Selezionare pulsanti e link in base alla funzione piuttosto che all'aspetto. solleva un'importante domanda di approfondimento: quando un pulsante e quando un link sono gli elementi di controllo semanticamente corretti?

Chi desidera approfondire "Collegamento tra link di salto e navigazione" dal punto di vista del cluster "UX, navigazione e moduli" troverà ulteriori informazioni in Navigare in pagine lunghe con link di salto, un indice e sezioni chiare la classificazione appropriata.

Se si desidera implementare concretamente "Collegamento tra link di salto e navigazione", è possibile fare riferimento a Sistemi web robusti a cui ricorrere. Lì, l'attenzione si concentra su "tastiera, messa a fuoco e interazione dinamica" e sul "primo percorso di messa a fuoco significativo".

Conclusione: i link di salto e la navigazione sono strettamente interconnessi.

Un link di salto abbrevia i percorsi ripetitivi della tastiera solo se la posizione di scorrimento e il focus cambiano simultaneamente. La navigazione principale rimane il punto di accesso strutturato ad altre aree.

Fonti e ulteriori informazioni

Queste fonti primarie sono fondamentali per il comportamento della piattaforma, la terminologia e i limiti di test relativi al "collegamento tra link di salto e navigazione".

• Link di salto — Sistema di progettazione GOV. UKIl modello GOV.UK mostra un'implementazione del collegamento di salto visivamente riconoscibile quando si seleziona il focus e la sua integrazione direttamente nella parte superiore della pagina.

• Comprensione dei blocchi di bypass — W3C WAIWCAG 2.4.1 definisce i meccanismi per saltare la navigazione ricorrente e accedere direttamente al contenuto principale.

• Tecnica G1: Salta al contenuto principale — W3C WAILa tecnica W3C descrive la posizione, la destinazione e il comportamento di focus di un link che salta al contenuto principale prima dei blocchi ricorrenti.