Navigazione tra landmark: come si spostano gli utenti
Sperimenti lo spostamento tra aree con uno screen reader.
Navigazione tra landmark: come si spostano gli utenti è una lezione Web Accessibility Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Web Accessibility Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Web Accessibility Academy include 4 lezioni in totale.
Saltare, non scorrere
Un utente vedente dà un'occhiata alla pagina. Chi usa uno screen reader invece salta da una regione all'altra usando i landmark definiti.
La scorciatoia per i landmark
La maggior parte degli screen reader offre un tasto per scorrere i landmark. In NVDA, il tasto D passa alla regione successiva senza usare il mouse.
Un elenco di regioni
Gli utenti possono anche aprire un elenco di landmark, un menu con tutte le regioni della pagina, e sceglierne una per raggiungerla direttamente.
Saltare le parti ripetute
Il vantaggio principale è poter saltare. Gli utenti oltrepassano header e nav già ascoltati, arrivando direttamente al contenuto nuovo.
Rotor di VoiceOver
Su Mac, gli utenti di VoiceOver aprono il rotor e scelgono Landmarks per navigare tra le regioni in base al nome e al ruolo.
Perché i nomi sono utili
In quell'elenco di landmark, i valori di aria-label diventano le voci del menu: sono quindi i nomi efficaci a rendere utile lo spostamento.
<nav aria-label="Main">...</nav>L'ordine segue il DOM
I landmark vengono visitati nell'ordine del source, quindi un ordine HTML logico produce un ordine di spostamento logico per tutti.
Troppi landmark sono dannosi
Se ogni riquadro è una regione, l'elenco diventa rumore. Usi i landmark per le vere sezioni della pagina, non per la struttura generale.
Copra l'intera pagina
Idealmente, tutto il contenuto visibile si trova all'interno di un landmark. Il contenuto isolato, fuori da ogni regione, è più difficile da raggiungere saltando.
Lo provi personalmente
Apra uno screen reader e prema il tasto dei landmark. Se riesce a saltare ordinatamente attraverso la pagina, le regioni funzionano. 🎧
Più veloce di usare Tab
Saltare tra i landmark è meglio che premere Tab decine di volte. Pochi tasti sostituiscono un lungo e faticoso passaggio attraverso ogni link.
Verifica rapida
Qual è il principale vantaggio della navigazione tramite landmark per chi usa uno screen reader?
Riepilogo: spostarsi tra le regioni
Ha imparato come gli utenti passano da un landmark all'altro con un tasto o il rotor, perché i nomi delle regioni e l'ordine del DOM sono importanti e come verificare ascoltando. 🙌
Domande Frequenti
La lezione «Navigazione tra landmark: come si spostano gli utenti» è gratuita?
Sì — il testo completo di «Navigazione tra landmark: come si spostano gli utenti» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Web Accessibility Academy, passa a CoddyKit PRO. Il corso Web Accessibility Academy include 4 lezioni in totale.
Cosa imparerò in «Navigazione tra landmark: come si spostano gli utenti»?
Sperimenti lo spostamento tra aree con uno screen reader. Eserciti Web Accessibility Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Web Accessibility Academy?
Non è richiesta alcuna esperienza precedente. Web Accessibility Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Navigazione tra landmark: come si spostano gli utenti»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Web Accessibility Academy?
Sì. Ogni lezione Web Accessibility Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- header, nav, main, footer: i quattro grandi elementi
- Inserire i contenuti in main e usare un solo main
- Dare un nome a più aree con aria-label
- Navigazione tra landmark: come si spostano gli utenti