RELAZIONE DI ACCESSIBILITA' DEL SITO DEL COMUNE DI PAULARO
Il sito web del Comune di Paularo è stato realizzato secondo le direttive imposte dalla
Legge Stanca (Legge n. 4 del 9 gennaio 2004) che regolamenta quelle che sono le "disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici". L'intera progettazione e relativa implementazione è avvenuta, di conseguenza, utilizzando quelle che sono le più recenti tecnologie in ambito di accessibilità ed usabilità.
Il sito web del Comune di Paularo è stato progettato per essere completamente aggiornabile, sono state fornite agli utenti addetti agli aggiornamenti tutte le indicazioni per mantenere il sito accessibile, se tali indicazioni non fossero seguite non possiamo garantire l'accessibilità.
Validazione del XHTML e del CSS
Il sito è stato testato con i Validatori del W3C ed è risultato CssValid e XHTML 1.0 Strict Valid.
Design Liquido e Testi Ridimensionabili
Tutte le pagine di questo sito sono ad impaginazione liquida, cioè le dimensioni del sito si adattano alla risoluzione imposta dall'utente. Ciò è stato possibile in quanto l'impaginazione è basata sulla tecnologia CSS. I testi del sito sono stati studiati in modo che l'utente possa facilmente ridimensionarne i caratteri.
Dimensione dei caratteri
Di seguito vengono fornite alcune indicazioni su come fare per modificare la dimensione dei caratteri su alcuni dei browser più diffusi (il procedimento è analogo per le diverse versioni):
1. Internet Expolorer:
- nel menu Visualizza selezionare Dimensione Testo;
- scegliere la grandezza desiderata fra i valori presenti.
2. Firefox:
- nel menu Visualizza selezionare Zoom;
- scegliere Aumenta Zoom o Diminuisci Zoom, che permette rispettivamente di aumentare o diminuire il carattere rispetto all'attuale ingrandimento.
Colori Accessibili
I colori utilizzati all'interno del sito sono stati testati con ColorSelector della Fujitsu Limited per utenti con Cataratta, Protanopia, Deuteranopia e Tritanopia, disturbi della vista associati alla visualizzazione dei colori.
I colori utilizzati all'interno del sito sono:
- Blu su sfondo bianco. Il test ha evidenziato che tutti i soggetti affetti dai disturbi della vista sopra citati non hanno alcun problema nella visualizzazione del verde utilizzato nel sito.
- Blu su sfondo grigio. Il test ha evidenziato che tutti i soggetti affetti dai disturbi della vista sopra citati non hanno alcun problema nella visualizzazione del verde utilizzato nel sito.
- Nero su sfondo bianco. Il test ha evidenziato che tutti i soggetti affetti dai disturbi della vista sopra citati non hanno alcun problema nella visualizzazione del nero utilizzato nel sito.
- Nero su sfondo grigio. Il test ha evidenziato che tutti i soggetti affetti dai disturbi della vista sopra citati non hanno alcun problema nella visualizzazione del nero utilizzato nel sito.
Sono stati effettuati altri due test per assicurare che le combinazioni di colore di primo priano e di sfondo forniscano un contrasto sufficiente quando viste da utenti affetti da deficit percettivi dei colori o quando viste da utienti che utilizzino schermi in bianco e nero.
Il Blu utilizzato per il testo del sito ha evidenziato:
- Primo piano: #0000FF Sfondo: #EDF0F7.
Il rapporto di contrasto di luminosità è: 5,1:1.
Testo Superato al livello AA.
Testo Superato al livello AAA.
Testo grande Superato al livello AA.
Testo grande Superato al livello AAA;
- Contrasto (Minimo): Il testo (e le immagini contenenti testo) hanno un rapporto minimo di contrasto di luminosità pari a 5:1, a meno che il testo non sia puramente decorativo. Il testo più grande (almeno 18pt o 14pt in grassetto) o le immagini contenenti testo possono avere un rapporto pari a 3:1 (Livello AA);
- Contrasto (Esteso): Il testo (e le immagini contenenti testo) hanno un rapporto minimo di contrasto di luminosità pari a 7:1, a meno che il testo non sia puramente decorativo. Il testo più grande (almeno 18pt o 14pt in grassetto) o le immagini contenenti testo possono avere un rapporto pari a 5:1 (Livello AAA);
- Primo piano: #0000FF Sfondo: #FFFFFF.
Il rapporto di contrasto di luminosità è: 8,6:1.
Testo Superato al livello AA.
Testo Superato al livello AAA.
Testo grande Superato al livello AA.
Testo grande Superato al livello AAA;
- Contrasto (Minimo): Il testo (e le immagini contenenti testo) hanno un rapporto minimo di contrasto di luminosità pari a 5:1, a meno che il testo non sia puramente decorativo. Il testo più grande (almeno 18pt o 14pt in grassetto) o le immagini contenenti testo possono avere un rapporto pari a 3:1 (Livello AA);
- Contrasto (Esteso): Il testo (e le immagini contenenti testo) hanno un rapporto minimo di contrasto di luminosità pari a 7:1, a meno che il testo non sia puramente decorativo. Il testo più grande (almeno 18pt o 14pt in grassetto) o le immagini contenenti testo possono avere un rapporto pari a 5:1 (Livello AAA);
- Primo piano: #0000FFF Sfondo: #FFFFFF. Differenza di colore: 510/Differenza di luminosità: 226. La differenza di luminosità fra i due colori è sufficiente. Il valore di soglia è 125 mentre quello risultante tra il colore di sfondo e di primo piano è 226. La differenza di colore è sufficiente. Il valore di soglia è 500 mentre quello risultante tra il colore di sfondo e di primo piano è 510.
Il Nero utilizzato per il testo del sito ha evidenziato:
- Primo piano: #000000 Sfondo: #FFFFFF.
Il rapporto di contrasto di luminosità è: 21,0:1.
Testo Superato al livello AA.
Testo Superato al livello AAA.
Testo grande Superato al livello AA.
Testo grande Superato al livello AAA;
- Contrasto (Minimo): Il testo (e le immagini contenenti testo) hanno un rapporto minimo di contrasto di luminosità pari a 5:1, a meno che il testo non sia puramente decorativo. Il testo più grande (almeno 18pt o 14pt in grassetto) o le immagini contenenti testo possono avere un rapporto pari a 3:1 (Livello AA);
- Contrasto (Esteso): Il testo (e le immagini contenenti testo) hanno un rapporto minimo di contrasto di luminosità pari a 7:1, a meno che il testo non sia puramente decorativo. Il testo più grande (almeno 18pt o 14pt in grassetto) o le immagini contenenti testo possono avere un rapporto pari a 5:1 (Livello AAA);
- Primo piano: #000000 Sfondo: #FFFFFF. Differenza di colore: 765/Differenza di luminosità: 255. La differenza di luminosità fra i due colori è sufficiente. Il valore di soglia è 125 mentre quello risultante tra il colore di sfondo e di primo piano è 255. La differenza di colore è sufficiente. Il valore di soglia è 500 mentre quello risultante tra il colore di sfondo e di primo piano è 765.
- Primo piano: #000000 Sfondo: #EDF0F7.
Il rapporto di contrasto di luminosità è: 18,4:1.
Testo Superato al livello AA.
Testo Superato al livello AAA.
Testo grande Superato al livello AA.
Testo grande Superato al livello AAA;
- Contrasto (Minimo): Il testo (e le immagini contenenti testo) hanno un rapporto minimo di contrasto di luminosità pari a 5:1, a meno che il testo non sia puramente decorativo. Il testo più grande (almeno 18pt o 14pt in grassetto) o le immagini contenenti testo possono avere un rapporto pari a 3:1 (Livello AA);
- Contrasto (Esteso): Il testo (e le immagini contenenti testo) hanno un rapporto minimo di contrasto di luminosità pari a 7:1, a meno che il testo non sia puramente decorativo. Il testo più grande (almeno 18pt o 14pt in grassetto) o le immagini contenenti testo possono avere un rapporto pari a 5:1 (Livello AAA);
- Primo piano: #000000 Sfondo: #EDF0F7. Differenza di colore: 724/Differenza di luminosità: 239. La differenza di luminosità fra i due colori è sufficiente. Il valore di soglia è 125 mentre quello risultante tra il colore di sfondo e di primo piano è 239. La differenza di colore è sufficiente. Il valore di soglia è 500 mentre quello risultante tra il colore di sfondo e di primo piano è 724.
Verifica di Accesskey o Tasti di accesso rapido
Quando si parla di accessibilità dei siti Internet si intende un insieme di tecniche ed applicazioni progettuali, volte a rendere le informazioni di un sito web raggiungibili facilmente ed utilizzabili senza limitazioni da chiunque, indipendentemente dalla presenza di disabilità (fisiche, sensoriali o cognitive) e dalle dotazioni tecnologiche, hardware e software.
L'accessibilità, per essere tale, deve includere l'usabilità: un sito web è usabile quando appaga i bisogni informativi dell'utente che lo sta visitando, perché gli fornisce facilità di accesso, di orientamento e di navigabilità ed un adeguato livello di comprensione.
Per fare in modo che il sito in esame rispettasse queste direttive è stata creata una "mappa del sito" che agevoli la navigazione.
Elenco degli Accesskey
A tal fine sono state definite alcune Accesskey (tasti di accesso rapido) che permettono di accedere ad uno specifico link mediante la pressione di una sequenza di tasti. In ambiente Windows si ottiene con la sequenza: Alt + Accesskey e poi Invio, in ambiente Mac OS con la sequenza Ctrl + Accesskey.
Il sito è dotato di un menu principale posizionato in alto e di un menu specifico di ogni singolo Comune posizionato a sinistra.
Per quanto riguarda il menu principale sono state definite le seguenti Accesskey:
- Alt + h: ritorna alla HOME PAGE;
- Alt + c: salta alla sezione COMUNE;
- Alt + u: salta alla sezione UFFICI E SERVIZI;
- Alt + p: salta alla sezione PAESE
- Alt + t: salta alla sezione TERRITORIO;
- Alt + a: salta alla sezione COMITATI E ASSOCIAZIONI;
Verifica con browser diversi
È stata verificata la compatibilità del sito con i seguenti browser:
- Internet Explorer 6.0;
- Internet Explorer 7.0;
- Firefox 3.0.1;
- Lynx (browser testuale).
È stato verificato che il sito sia fruibile anche dopo aver disabilitato il CSS, le immagini e i Java Script.