Progettare e realizzare siti internet di qualità richiede conoscenze e capacità che non possono non includere due aspetti fondamentali del web design moderno: accessibilità siti web ed usabilità.
I siti internet accessibili ed usabili risultano ben strutturati ed organizzati, con meccanismi di navigazione chiari ed efficienti. Questo migliora la fruizione dei contenuti, rendendo l’esperienza dell’utente piacevole e soddisfacente.
Un meccanismo di navigazione è qualsiasi strumento tramite il quale un utente può navigare una pagina o un sito web. Alcuni esempi di meccanismi sono le barre di navigazione, le mappe del sito, i sommari.
Implementare un modello di navigazione chiaro e coerente è fondamentale per migliorare l’accesso ai contenuti da parte delle persone affette da disabilità cognitive, motorie e da cecità, ma risulta vantaggioso anche per gli utenti normodotati.
In questo articolo vengono forniti alcuni suggerimenti su come progettare la navigazione di un sito internet utilizzando i principi dello sviluppo accessibile.
Partiamo dai link, ovvero i collegamenti ipertestuali, che rappresentano lo strumento base della navigazione in quanto consentono di spostarsi all’interno della pagine e tra le pagine. E’ fondamentale che i link siano autodescrittivi, ovvero che il testo usato come ancora sia auto esplicativo e chiarisca da solo la destinazione del collegamento; in pratica il significato di un link deve essere indipendente dal contenuto del testo in cui è immerso. Questo vuol dire che non ha senso utilizzare un link del tipo “Clicca qui” in quanto non chiarisce da solo la destinazione ma è necessario desumerla dal testo che precede o segue. Ciò diviene un problema notevole per gli utenti che fanno uso di screen reader e che navigano saltando di link in link: giungendo su un collegamento non autodescrittivo non hanno modo di capire dove punta, rendendo inagevole, di fatto, la navigazione.
Poi ci sono le barre di navigazione costituite da un insieme di link che definiscono i menu principali e secondari dei siti web. Innanzitutto è importante che mantengano la coerenza visiva e funzionale, ovvero che compaiano sempre nella stessa posizione all’interno delle pagine dello stesso sito e che i collegamenti uguali puntino alle stesse pagine. Poi è necessario che i menu siano strutturati come elenco e non semplicemente come un insieme di link e che ogni gruppo di collegamenti sia preceduto da un link che ne consenta il salto diretto.
Quello dei link di salto è un discorso che va esteso a tutti i gruppi di contenuti ripetitivi; permettere il salto di contenuti che si ripetono sempre nelle varie pagine di un sito agevola la navigazione e la rende più veloce e diretta, soprattutto per gli utenti che non fanno uso del mouse o navigano con screen reader e che sono costretti, quindi, a scorrere il contenuto delle pagine in maniera sequenziale. Oltre ai link di salto, sono opportuni anche i collegamenti che permettono di tornare all’inizio della pagina o a determinate sezioni della stessa (per esempio form della ricerca, indici e sommari, ecc.).
Un altro utile sistema di navigazione consiste nell’impiego di un sommario dei contenuti posto all’inizio della pagina e contenente un elenco di link interni che puntano alle sezioni principali. Questo permette di semplificare la ricerca dei contenuti di interesse nella pagina rendendone più immediata la fruizione.
Esistono poi numerosi altri meccanismi di navigazione il cui utilizzo è raccomandato in base alle dimensioni del sito ed alla quantità di contenuti.
Tra di essi trovano posto la mappa del sito, necessaria per rintracciare i contenuti principali in siti internet con molte pagine, i motori di ricerca interni, per reperire particolari informazioni nella pagina, le briciole di pane (breadcrumbs), ovvero la sequenza di link, in genere posta ad inizio pagina, che riassume il percorso logico che porta dalla home page alla sezione attualmente visitata, i tasti di accesso rapido (accesskey) che permettono, tramite opportune combinazioni dei tasti della tastiera, di accedere direttamente a sezioni del sito.
Le informazioni fornite in questo articolo, senza nessuna pretesa di completezza od esaustività, possono servire come valido spunto per tutte quelle web agency che decidono di avviare un progetto web moderno e che intendono approfondire i temi dell’accessibilità siti web e dell’usabilità delle interfacce dei siti internet.
