Questo sito è stato progettato avendo in mente la sua accessibilità, e costruito sin dall’inizio in linea con le indicazioni tecniche del Consorzio W3C per l’accessibilità dei siti web. Le pagine di questo sito includono sei aree principali:
- l’intestazione con le “briciole di pane” (il percorso che indica in quale punto del sito ci si trova) ed i collegamenti veloci per saltare al punto della pagina che ti interessa
- i pulsanti per personalizzare l’aspetto del sito in base alle tue esigenze: aumenta e diminuisci la dimensione del carattere, giustifica il testo, risoluzione ampia, alto contrasto chiaro, alto contrasto scuro, ripristina le impostazioni predefinite
- i contenuti veri e propri: elenco degli articoli, pagine singole
- il menu di navigazione di destra, per spostarsi velocemente da una categoria all’altra, oppure per accedere all’archivio dei mesi precedenti
- la barra scorrevole che consente di avere sempre a portata di mano alcune funzionalità che ho ritenuto utili per il visitatore
- il piè di pagina, con i riferimenti all’accessibilità, il feed RSS per rimanere sempre aggiornato sulle ultime novità, la licenza a cui sono sottoposti i contenuti, ed altro ancora
Quando gli stili sono disattivati, oppure nel caso in cui si utilizzi un lettore vocale, le sei aree vengono lette nell’ordine appena elencato.
Tasti di accesso rapido
Molti browser moderni consentono di selezionare specifici collegamenti semplicemente premendo una combinazione di tasti ben definiti, su questo sito. Premendo la combinazione Alt + tasto (su Mac Control + tasto, con Firefox 2.0 Shift + Alt + tasto), il focus si sposta sull’elemento della pagina a cui è associato quel tasto di scelta rapida. Ecco quali tasti sono stati definiti per questo sito:
- 1 : pagina iniziale
- 2 : contenuto della pagina
- 3 : alto contrasto chiaro
- 4 : modulo di ricerca
- 9 : modulo di contatto
- 0 : pagina dell’accessibilità
- - : riduci la dimensione del carattere
- + : aumenta la dimensione del carattere
Attenzione a non usare il tastierino numerico per i numeri, non tutti i browser lo supportano.
Personalizzare l’aspetto
Il secondo collegamento in cima ad ogni pagina consente di saltare direttamente al contenuto specifico. Le icone presenti nella “barra degli attrezzi” sotto l’intestazione servono a:
- Aumentare la dimensione del carattere del contenuto
- Diminuire la dimensione del carattere del contenuto
- Giustificare o allineare a sinistra il testo della pagina
- Passare alla modalità per schermi grandi
- Passare alla modalità alta leggibilità chiara
- Passare alla modalità alta leggibilità scura
- Ripristinare la visualizzazione preimpostata
- Accedere a queste informazioni
La dimensione del carattere è impostata per default al 100% di quella configurata dall’utente per il proprio browser. Le funzioni sopra elencate sono disponibili anche se non si dispone di Javascript. In ogni caso, vengono utilizzati alcuni cookies per memorizzare le scelte fatte dall’utente. Nel caso in cui i cookie siano filtrati, l’impostazione standard verrà caricata alla pagina successiva.
Navigazione arricchita
I contenuti pubblicati vengono accuratamente controllati e selezionati, per ridurre al minimo la presenza di errori di ogni tipo. Le parole in lingua straniera sono marcate per aiutare la corretta pronuncia da parte dei lettori vocali. Anche gli acronimi sono segnalati associando la descrizione estesa tramite il marcatore ACRONYM.
Le intestazioni di paragrafo, quando presenti, sono segnate con H3, mentre i collegamenti che portano a pagine esterne al sito sono evidenziati sia nella descrizione che con un piccolo elemento grafico (
). Inoltre se la pagina di destinazione di un collegamento è in lingua diversa dall’Italiano, è stato usato l’attributo HREFLANG per avvisare l’utente del cambio di contesto. Le immagini all’interno del contenuto riportano, ove richiesto, la dimensione in pixel, per poter mantenere una corretta impaginazione anche quando esse non sono visibili.
