Guida alla Navigazione da Tastiera
Guida alla Navigazione da Tastiera
Questa guida spiega come navigare il sito web della Società per le Organizzazioni Adattive utilizzando solo la tastiera. Questi pattern di navigazione sono essenziali per gli utenti che non possono utilizzare un mouse, inclusi coloro che si affidano a tecnologie assistive.
Riferimento Rapido
| Tasto | Azione |
|---|---|
Tab | Passa al prossimo elemento interattivo |
Shift + Tab | Passa all’elemento interattivo precedente |
Invio | Attiva link e pulsanti |
Spazio | Attiva pulsanti e caselle di controllo |
Frecce | Naviga all’interno di menu e dropdown |
Escape | Chiude menu e dialoghi |
Home | Salta al primo elemento nei menu |
End | Salta all’ultimo elemento nei menu |
Navigazione di Base
Navigazione Rapida
- Primo Tab: Ti porta al link “Salta al contenuto principale”
- Premi Invio: Salta direttamente all’area del contenuto principale
- Scopo: Evita di dover scorrere con tab attraverso tutto il menu di navigazione
Struttura della Pagina
- Link di Salto: Accesso diretto al contenuto principale
- Navigazione Principale: Menu del sito e selettore della lingua
- Contenuto Principale: Contenuto specifico della pagina
- Footer: Link aggiuntivi e informazioni
Menu di Navigazione
Navigazione Desktop
- Tab: Muoviti attraverso le voci del menu da sinistra a destra
- Invio/Spazio: Apri menu dropdown
- Freccia Giù: Apri dropdown e metti a fuoco il primo elemento
- Freccia Su: Apri dropdown e metti a fuoco l’ultimo elemento
- Escape: Chiudi dropdown e riporta il focus al trigger
Navigazione Mobile (schermi sotto 1024px)
- Tab: Metti a fuoco il pulsante del menu mobile (icona hamburger)
- Invio/Spazio: Apri il menu mobile
- Tab: Naviga attraverso le voci del menu visibili
- Escape: Chiudi il menu mobile
- Automatico: Le voci del menu sono sempre visibili, non è necessario aprire dropdown
Menu Dropdown
Una volta che un dropdown è aperto:
- Freccia Giù: Passa alla prossima voce del menu
- Freccia Su: Passa alla voce del menu precedente
- Home: Salta alla prima voce del menu
- End: Salta all’ultima voce del menu
- Tab: Passa al prossimo elemento (chiude il dropdown su desktop)
- Invio: Segui il link selezionato
- Escape: Chiudi dropdown e ritorna al trigger
Selettore della Lingua
- Tab: Metti a fuoco il selettore della lingua
- Invio/Freccia Giù: Apri il menu della lingua
- Frecce: Scegli la lingua
- Invio: Cambia alla lingua selezionata
- Escape: Chiudi il menu della lingua
Navigazione dei Form
Form di Contatto
- Tab: Muoviti attraverso i campi del form in ordine:
- Campo Nome
- Campo Email
- Campo Oggetto
- Campo Messaggio
- Pulsante Invia
- Shift + Tab: Muoviti all’indietro attraverso i campi
- Invio: Invia il form (quando sei sul pulsante di invio)
Validazione del Form
Quando si verificano errori di validazione:
- Riepilogo Errori: Annunciato automaticamente ai lettori di schermo
- Tab ai Link di Errore: Clicca sui link nel riepilogo errori per saltare ai campi problematici
- Errori del Campo: Errori del singolo campo annunciati quando il campo riceve il focus
- Correzione Errori: Gli errori si cancellano automaticamente quando viene fornito un input valido
Pagine di Contenuto
Profili degli Educatori
- Tab: Naviga attraverso:
- Sezione informazioni educatore
- Badge di certificazione (dove applicabile)
- Informazioni di contatto
- Link al sito web dell’azienda
- Link ai social media (dove disponibili)
Pagine delle Certificazioni
- Tab: Naviga attraverso:
- Descrizione della certificazione
- Link correlati
- Informazioni del badge
- Educatori associati (dove elencati)
Ricerca e Filtri
Ricerca Educatori
- Tab: Passa ai controlli di ricerca
- Digita: Filtra i risultati automaticamente (le regioni live annunciano i cambiamenti)
- Tab: Naviga attraverso le opzioni di filtro
- Invio/Spazio: Seleziona le opzioni di filtro
- Tab: Naviga attraverso i risultati filtrati
Caratteristiche di Accessibilità
Annunci del Lettore di Schermo
Il sito web include regioni live che annunciano:
- Cambiamenti nella navigazione della pagina
- Stato di invio del form
- Cambiamenti di stato del menu (aperto/chiuso)
- Stati di caricamento
- Messaggi di errore
- Aggiornamenti dei risultati di ricerca
Indicatori di Focus
- Focus Visibile: Tutti gli elementi interattivi mostrano un indicatore di focus chiaro
- Alto Contrasto: Gli indicatori di focus sono chiaramente visibili
- Consistente: Stesso stile di focus utilizzato in tutto il sito
Target Touch
- Dimensione Minima: Tutti gli elementi interattivi sono almeno 44px × 44px
- Spaziatura: Spaziatura adeguata tra i target touch
- Ottimizzato per Mobile: Target touch ingranditi sui dispositivi mobili
Risoluzione dei Problemi
Se la Navigazione Non Funziona
- Controlla il Browser: Assicurati che il tuo browser supporti la navigazione da tastiera
- Controlla le Impostazioni: Verifica che la navigazione da tastiera sia abilitata nel tuo browser
- Prova Tasti Diversi: Alcuni browser utilizzano combinazioni di tasti diverse
- Cancella Cache: Cancella la cache del browser e ricarica la pagina
Se Ti Blocchi
- Usa Escape: Premi Escape per chiudere qualsiasi menu aperto
- Aggiorna Pagina: Ricarica la pagina per resettare lo stato di navigazione
- Usa Link di Salto: Usa il link di salto per saltare al contenuto principale
- Contatta il Supporto: Usa il nostro form di feedback per l’accessibilità
Note Specifiche per Browser
Chrome/Edge
- Navigazione Tab: Navigazione standard Tab/Shift+Tab
- Invio/Spazio: Entrambi funzionano per l’attivazione
Firefox
- Navigazione Tab: Navigazione standard Tab/Shift+Tab
- Accesso Completo da Tastiera: Abilita “Usa i tasti cursore per navigare all’interno delle pagine” per supporto tastiera aggiuntivo
Safari
- Abilita Navigazione Tab: Vai su Safari > Preferenze > Avanzate > “Premi Tab per evidenziare ogni elemento su una pagina web”
- Impostazioni di Sistema: Assicurati che “Accesso Completo da Tastiera” sia abilitato nelle Preferenze di Sistema
Supporto Tecnologie Assistive
Lettori di Schermo
- NVDA: Supporto completo con modalità browse e focus
- JAWS: Compatibile con navigazione del cursore virtuale
- VoiceOver: Supporto nativo del lettore di schermo macOS
- ORCA: Compatibilità con il lettore di schermo Linux
Controllo Vocale
- Voice Access: Funziona con le funzionalità di controllo vocale del browser
- Dragon: Compatibile con i comandi di navigazione vocale
Navigazione Switch
- Switch Access: Compatibile con dispositivi di navigazione switch
- Scanning: Supporta modalità di scansione sequenziale e a gruppi
Suggerimenti Avanzati per la Navigazione
Scorciatoie da Tastiera
- Ctrl/Cmd + F: Trova testo nella pagina
- Ctrl/Cmd + L: Metti a fuoco la barra degli indirizzi
- Ctrl/Cmd + W: Chiudi la tab corrente
- Ctrl/Cmd + T: Apri nuova tab
Navigazione del Browser
- Alt + Freccia Sinistra: Vai indietro
- Alt + Freccia Destra: Vai avanti
- Ctrl/Cmd + R: Ricarica pagina
- F5: Aggiorna pagina
Navigazione della Pagina
- Page Up/Page Down: Scorri per viewport
- Home/End: Vai all’inizio/fine della pagina
- Frecce: Scorri in piccoli incrementi (in alcuni browser)
Ottenere Aiuto
Se incontri problemi con la navigazione da tastiera o hai suggerimenti per miglioramenti:
Email: accessibility@adaptive-organisations.org
Tempo di Risposta: Miriamo a rispondere entro 2 giorni lavorativi
Quando segnali problemi, includi:
- Il tuo sistema operativo e versione
- Il tuo browser e versione
- La pagina specifica dove hai incontrato il problema
- Cosa stavi cercando di fare
- Cosa è successo invece
Siamo impegnati a garantire che il nostro sito web sia completamente accessibile tramite navigazione da tastiera e accogliamo il tuo feedback per aiutarci a migliorare.