Analisi di conformità della regione Toscana

Prefazione

Questa relazione è stato svolta per il corso di Progettazione di siti e portali web e laboratorio associato che fanno parte del corso di laurea di Tecnologie Web e Multimediali dell'Università degli studi di Udine.

Componenti del gruppo

Data di ultima modifica: 25 luglio 2006.

Indice

  1. Introduzione

  2. Pagine Analizzate

  3. Analisi del sito

  4. Problemi risconrati

  5. Conclusioni

Introduzione

Per verificare la conformità delle pagine del sito www.regione.toscana.it si sono utilizzati i software Cynthia Says e Bobby; grazie a questi strumenti è stata analizzato generalmente il sito in modo automatico e laddove tali sistemi non bastavano sono state effettuate verifiche manuali.
Grazie a tali strumenti automatici è possibile ottenere una sorta di tabulato in cui vengono menzionate le linee guida WCAG 1.0 livello AA; al fianco delle quali, dopo una analisi del codice, viene comunicato se tali linnee guida sono state rispettate o meno. Con bobby vengono anche fornite le istanze sospette con relative righe del codice in cui si trovano tali istanze per facilitarne la verifica manuale.

Torna all'indice

Pagine Analizzate

  1. Home Regione Toscana
  2. Rete dei servizi
  3. Comunicazione istituzionale
  4. Il presidente
  5. Giunta regionale
Torna all'indice

Analisi del Sito

Checkpoint con priorità 1 (livello A)

Checkpoint - basic settings Esito Verifica Note
1.1 Fornire un'alternativa testuale per ogni elemento non di testo, come immagini, ASCII art, animazioni, applet, script, suoni,… N.C. A&M Non viene usato l'attributo Alt.
7.1 Fino a quando gli interpreti non permetteranno agli utenti di controllare lo sfarfallìo dello schermo, evitare di inserire tale effetto. N.V. A&M  
2.1 Assicurarsi che tutta l'informazione veicolata dal colore sia disponibile anche senza, per esempio grazie al contesto o ai marcatori. C M  
6.1 Organizzare i documenti in modo che siano leggibili anche senza i fogli stile associati. N.C M Disabilitando i fogli di stile la home e la pagina Giunta regionare non risultano leggibili chiaramente.
Checkpoint - image maps Esito Verifica Note
1.2 Fornire ridondanti collegamenti di testo per ogni zona attiva di una immagine sensibile sul lato server. N.V A  
9.1 Fornire immagini sensibili sul lato client invece di immagini sensibili sul lato server, con l'eccezione dei casi nei quali le zone non possono essere definite con una forma geometrica valida. N.V A  
Checkpoint - tables Esito Verifica Note
5.1 Per tabelle di dati, identificare le intestazioni di righe e colonne. N.V. M  
5.2 Per tabelle di dati che hanno due o più livelli logici di intestazioni di righe o colonne, usare marcatori per associare le celle di dati a quelle di intestazione. N.V. M  
Checkpoint - frames, scripts, multimedia Esito Verifica Note
12.1 Dare un titolo a ogni frame per facilitare l'identificazione del frame e la navigazione. N.C. A&M Nella pagina Comunicazione istituzionale ci sono due frame senza l'attributo titolo.
6.3 Assicurarsi che le pagine siano utilizzabili quando script, applet, o altri oggetti di programmazione sono disabilitati oppure non supportati. Se questo non è possibile, fornire l'informazione equivalente in una pagina accessibile alternativa. N.C M Avendo JavaScript disabilitato è impossibile accedere al portale
1.4 Per ogni presentazione multimediale temporizzata (per es. un film o una animazione), sincronizzare alternative equivalenti (per es. didascalie o descrizioni parlate del filmato) con la presentazione. N.V A  
Checkpoint - failsafe     Note
11.4 Se, nonostante ogni sforzo, non si riesce a creare una pagina accessibile, fornire un collegamento a una pagina alternativa che lo sia e che usi le tecnologie W3C; questa pagina deve contenere informazioni ( o fonzionalità) equivalenti ed essere aggiornata con la stessa frequenza della pagina (originale) inaccessibile. N.C M Le pagine valutate sono inaccessibili ed inoltre non viene fornita alcuna alternativa testuale accessibile.
Checkpoint - non-Section 508 Esito Verifica Note
4.1 Identificare con chiarezza i cambiamenti nel linguaggio naturale del testo di un documento e in ogni equivalente testuale (per es. nelle didascalie). N.C. M Le parole in lingua straniera non sono identificate tramite gli appositi marcatori (attibuto lang).
14.1 Usare il linguaggio più chiaro e semplice possibile, adatto al contenuto del sito. C M  
1.3 Fino a quando gli interpreti non potranno leggere automaticamente ad alta voce l'equivalente testuale di un filmato, fornire una descrizione audio delle informazioni essenziali del filmato di una presentazione multimediale. N.V A  
6.2 Assicurarsi che gli equivalenti del contenuto dinamico vengano aggiornati quando il contenuto dinamico cambia. N.V A  

Checkpoint con priorità 2 (livello AA)

Checkpoint - basic settings Esito Verifica Note
2.2 Assicurarsi che le combinazioni fra colori dello sfondo e del primo piano forniscano un sufficiente contrasto se visti da qualcuno con deficit percettivi sul colore o se visti su uno schermo in bianco e nero. C M  
3.1 Quando esiste un linguaggio di marcatori adatto, per veicolare l'informazione usare un marcatore piuttosto che le immagini; per esempio usare i fogli di stile per formattare il testo e controllare l'impaginazione. N.C. M Nel sito in diverse occasioni l'inserimento di informazioni avviene tramite immagini quando potrebbero essere inserite in appostiti marcatori.
3.2 Creare documenti che facciano riferimento a grammatiche formali pubblicate. Per esempio, includere all'inizio di un documento una dichiarazione sul tipo di documento che rimandi a una DTD pubblicata. C M  
3.3 Usare fogli di stile per controllare l'impaginazione e la presentazione. N.C. M Viene fatto uso in diverse occasioni delle tabelle per impaginare.
3.4 Usare unità relative e non assolute nei valori degli attributi del linguaggio dei marcatori e i valori della proprietà del foglio di stile. N.C M Vengono usate unità assolute e non relative.
3.5 Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche. N.C M Non vengono sempre usati gli elementi di intestazione.
3.6 Marcare le liste ed elencare le voci della lista in modo appropriato. C M  
3.7 Marcare le citazioni. Non usare marcatura che definisca citazioni per ottenere effetti di formato come il rientro. C M  
6.5 Assicurarsi che il contenuto dinamico sia accessibile oppure fornire una presentazione o pagina alternativa. C M  
7.2 Fino a quando gli interpreti non permetteranno agli utenti di controllare il lampeggiamento, evitare di far lampeggiare il contenuto. N.C M Nella pagina Comunicazione istituzionale è presente una gif animata che si dovrebbe evitare.
7.4 Fino a quando gli interpreti non forniranno la possibilità di bloccare l'autoaggiornamento, non creare pagine che si autoaggiornano periodicamente. C A&M  
7.5 Fino a quando gli interpreti non forniranno la capacità di bloccare l'auto-reindirizzamento, non usare marcature per reindirizzare le pagine automaticamente. Piuttosto, configurare il server in modo che esegua i reindirizzamenti. C M  
10.1 Fino a quando gli interpreti non permetteranno agli utenti di bloccare la generazione di nuove finestre, non far apparire finestre a cascata o di altro tipo e non cambiare la finestra attiva senza informare l'utente. N.C. M Alcune pagine vengono aperte in nuove finestre senza avvisare l'utente.
11.1 Usare le tecnologie W3C quando sono disponibili e sono appropriate per un certo compito e usare le versioni più recenti quando sono supportate. N.C. M Il sito è stato scritto in HTML 4.01 anche se è disponibile lo standard XHTML 1.0 o XHTML 1.1.
11.2 Evitare le caratteristiche non più supportate deprecated delle tecnologie del W3C. N.C. A&M Vien fatto spesso uso di Tecnologie deprecate.
12.3 Dividere, quando possibile, grandi blocchi di informazione in gruppi più maneggevoli. C M  
13.1 Identificare con chiarezza l'obiettivo di ogni collegamento. N.C. A&M Anche se dal controllo automatico il punto sembra rispettato nella pagina Giunta regionale ci sono alcune immagini che se non visualizzabili non chiarisono la destinazione del loro collegamento.
13.2 Fornire metadata per aggiungere informazioni di tipo semantico alle pagine e ai siti. N.C. A&M Non viene fatto uso dell'elemento <meta>.
13.3 Fornire informazioni sulla configurazione generale di un sito (per esempio una mappa oppure un indice del sito). C A&M  
13.4 Usare meccanismi di navigazione in modo coerente. C M  
Checkpoint - tables Esito   Note
5.3 Non usare tabelle per le impaginazioni a meno che non siano comprensibili se lette in modo "linearizzato". Altrimenti, fornire un'alternativa equivalente C M  
5.4 Se per l'impaginazione viene usata una tabella non usare nessun marcatore di struttura per la formattazione della resa visiva. C M  
12.2 Descrivere lo scopo dei frame e il modo in cui essi interagiscono se non è evidente dai soli titoli dei frame. N.C. A&M Nella pagina Comunicazione istituzionale ci sono due frame senza l'attributo longdesc.
10.2 Fino a quando gli interpreti non supporteranno esplicite associazioni fra etichette e controlli dei moduli, assicurare, per tutti i controlli dei moduli che hanno etichette associate implicitamente, che l'etichetta sia posizionata correttamente. C M  
12.4 Associare esplicitamente le etichette ai loro controlli. N.V. A  
6.4 Per quanto riguarda script e applet, assicurarsi che i gestori di eventi siano indipendenti dai dispositivi di input. C M  
7.3 Fino a quando gli interpreti non permetteranno agli utenti di bloccare il contenuto in movimento, evitare il movimento nelle pagine. N.C. M In diverse pagine è presente una gif animata da evitare.
8.1 Fare in modo che elementi di programmi come script e applet siano direttamente accessibili o compatibili con le tecnologie assistive C M  
9.2 Assicurarsi che ogni elemento che possiede una sua specifica interfaccia possa essere gestito in una modalità indipendente dal dispositivo. C M  
9.3 Negli script, specificare gestori di evento logici piuttosto che gestori di evento dipendenti da un dispositivo. C M  
Torna all'indice

Problemi riscontarti

Linea Guida 1.1

Nel sito non è stato inserito l'attributo alt nella maggior parte delle immagini. Di seguito uno dei tanti errori presenti nel sito.

Errore nel codice:
<img src="img/ico/allegato_12.gif" width="23" height="24" border="0">
Soluzione:
<img src="img/ico/allegato_12.gif" width="23" height="24" border="0" alt="" >

Linea Guida 6.1

Errore:
Disabilitando i fogli di stile la home e la pagina Giunta regionare non risultano leggibili chiaramente. Nell'esempio di seguito Osservando a sinistra la home con fogli di stile si nota subito che a sinistra(senza fogli di stile) le voci: La rete dei servizi e la comunicazione istituzionale non sono leggibili.
Errore 6.1
Soluzione:
Progettare il sito secondo i consigli del W3C.

Linea Guida 12.1

L'errore riguarda due frame a cui manca l'attributo titolo.

Errore nel codice:
<frame src="top.htm" name="topFrame" frameBorder=NO noResize scrolling=no>
Soluzione:
<frame src="top.htm" name="topFrame" frameBorder=NO noResize scrolling=no title="navigazione" >

Linea Guida 6.3

Errore:
Avendo JavaScript disabilitato è impossibile accedere al portale
Soluzione:
Progettare il sito secondo i consigli del W3C.

Linea Guida 11.4

Errore:
L'errore riguarda la creazione di pagine inaccessibili senza fornire un'alternativa testuale accessibile.
Soluzione:
Secondo il nostro punto di vista sarebbe opportuno riprogettare completamente il sito in quanto è inammissibile che per gli utenti che non hanno installato javascript sia impossibile accedere al portale.

Linea Guida 4.1

Le parole in lingua straniera non sono identificate tramite gli appositi marcatori

Errore nel codice:
<h6 class="vocemenu">News & Pubblicazioni&nbsp;</h6>
Soluzione:
<h6 class="vocemenu"><SPAN lang="en">News</SPAN> & Pubblicazioni&nbsp;</h6>

Linea Guida 3.1

Nel sito in diverse occasioni l'inserimento di informazioni avviene tramite immagini quando potrebbero essere inserite in appostiti marcatori. L'esempio del codice fa riderimento al menù evidenziato in rosso(Home. Agenda Documenti etc..)

errore 3.3
Errore nel codice:
<img src="img/img002.jpg" alt="menu" width="750" height="16" hspace="0" vspace="0" border="0" usemap="#menu" href="?sottocategoria=172">
Soluzione:
In questo specifico caso sarebbe possibile applicare sfondo e testo con i colori desiderati.

Linea Guida 3.3

errore 3.3
Errore:
Link impaginati con uso di tabelle.
Soluzione:
È possibile ottenere il medesimo effetto utilizzando i div e fogli di stile.

Linea Guida 3.4

Errore:
Vengono usate unità assolute e non relative.
Soluzione:
Progettare il layout adoperando dimensioni in percentuale e non unità assolute.

Linea Guida 3.5

Gli elementi di intestazione non vengono utilizzati e vengono sostituiti dall'elemento <b> o da immagini.

Errore nel codice:
.. <b>Beni culturali: 18 milioni per gli interventi dei Comuni</b>
Soluzione:
<h4>Beni culturali: 18 milioni per gli interventi dei Comuni</h4>

Linea Guida 7.2

Nella pagina Giunta Regionale è presente una gif animata.

Errore:
Errore 7.2
Soluzione:
Non farne uso.

Linea Guida 10.1

Errore:
Spesso vengono aperte nuove finestre quando ciò non è necessario ed anche nei casi in cui tale comportamento sarebbe giustificato non viene avvistao l'utente che si sta per aprire la pagina in una nuova finestra
Soluzione:
Sarebbe preferibile evitare di aprire nuove finestre con i collegamenti. Per i siti esterni invece, dopo proprio non se ne può fare a meno è doveroso segnalare all'utente che quel collegamento avrà questo tipo di comportamento.

Linea Guida 11.1

Errore:
Il sito è stato scritto in HTML 4.01
Soluzione:
Utilizzare le ultime grammatiche html e css per il markup della pagina.

Linea Guida 11.2

Errore:
Vien fatto spesso uso di Tecnologie deprecate.
Soluzione:
Utilizzare le ultime grammatiche html e css per il markup della pagina.

Linea Guida 13.1

errore 13.1
Errore :
Il non aver impostato alcun testo equivalente alle immagini che hanno la funzione di collegamento comporta l'impossibiltà di sapere a cosa porta.
Soluzione:
Inserire testo al posto dell'immagine o marcare con gli attributi adatti il tag img

Linea Guida 13.2

Errore :
Omissione del tag meta
Soluzione:
Fare uso del tag sopra citato.

Linea Guida 12.2

Nella pagina Comunicazione istituzionale ci sono due frame senza l'attributo longdesc.

Errore nel codice:
<frame src="top.htm" name="topFrame" frameBorder=NO noResize scrolling=no>
Soluzione:
<frame src="top.htm" name="topFrame" frameBorder=NO noResize scrolling=no longdesc="...">

Linea Guida 7.3

In diverse pagine è presente una gif animata da evitare.Nell'esempio è la parte non ingrigita.

errore 7.3
Errore:
Gif che prevede il movimento continuo delle freccie componenti il logo della regione toscana
Soluzione:
Evitare l'inserimento di tale gif.
Torna all'indice

Conclusioni

Il sito è inaccessibile, presenta infatti tutta una serie di difetti che lo rendono tale. Tra i più gravi javascript che rende la home inaccessibile ai browser che non lo supportano, a meno che l'utente non conoscano l'indirizzo completo della home. Altri difetti derivano dal non aver applicato le raccomandazioni W3C. La maggior parte delle immagini non ha l'attributo alt impostato correttamente, mancano inoltre qualsiasi tipo di riferimento a grammatiche formali, così come non viene fatto uso dell'attributo lang..Per concludere riteniamo che l'intero sito avrebbe bisogno di una riprogettazione completa in quanto il portale non è costituito da un unico progetto, ma da vari progetti messi assieme, uno per ogni sezione del sito che mettono in ulteriore evidenza quanto il portale sia inaccessibile.

Torna all'indice