Vai ai contenuti

Università degli Studi di Udine - Facoltà di Scienze MM. FF. NN.

Corso di Progettazione di Siti Web - Anno Accademico 2005/2006

Relazioni di Bernardis Cristina, Candido Paolo e Cescon Dario

Ti trovi in: Home Page > Conformità Pordenone
Sommario della pagina:
Torna a inizio pagina

Introduzione

Abbiamo testato la conformità del sito rispetto alla legge 4/2004, in particolare ai requisiti contenuti nell'allegato A del DM 8 luglio 2005, consultabili all'indirizzo: http://www.pubbliaccesso.gov.it/normative/DM080705-A.htm.

Per la valutazione è stata utilizzata una piattaforma Turion 64bit AMD con sistemi operativi Windows Xp Pro e Linux Suse 10.0. I browser utilizzati sono: Mozilla, Internet Explorer, Opera e Lynx. Inoltre abbiamo utilizzato alcuni software di supporto quali Tidy e Jaws, e alcuni siti operativi come T.A.W., Vischeck e Colorblind Web Page Filter.

Pagine analizzate

Abbiamo analizzato almeno una pagina per ogni sezione e abbiamo aggiunto alcune pagine che abbiamo trovato meno conformi rispetto alle altre. Le pagine analizzate sono:

Simboli utilizzati

Per una comprensione a colpo d'occhio del rispetto di ciascuna linea guida abbiamo deciso di utilizzare anche i seguenti simboli:

Principali problemi riscontrati

I principali problemi che abbiamo riscontrato riguardano la mancanza di layout liquido che permetta il ridimensionamento e la presenza di uno script che ridimensiona il carattere. La loro soluzione consiste nell'utilizzo di misure relative al posto di assolute.

Torna su

I ventidue requisiti della legge nel dettaglio

Requisito 1: Validità del codice

Enunciato:

Realizzare le pagine e gli oggetti al loro interno utilizzando tecnologie definite da grammatiche formali pubblicate nelle versioni più recenti disponibili quando sono supportate dai programmi utente. Utilizzare elementi ed attributi in modo conforme alle specifiche, rispettandone l'aspetto semantico. In particolare, per i linguaggi a marcatori HTML (HyperText Markup Language) e XHTML (eXtensible HyperText Markup Language):

  1. per tutti i siti di nuova realizzazione utilizzare almeno la versione 4.01 dell'HTML o preferibilmente la versione 1.0 dell'XHTML, in ogni caso con DTD (Document Type Definition - Definizione del Tipo di Documento) di tipo Strict;
  2. per i siti esistenti, in sede di prima applicazione, nel caso in cui non sia possibile ottemperare al punto a) è consentito utilizzare la versione dei linguaggi sopra indicati con DTD Transitional, ma con le seguenti avvertenze:
    1. evitare di utilizzare, all'interno del linguaggio a marcatori con il quale la pagina è realizzata, elementi ed attributi per definirne le caratteristiche di presentazione della pagina (per esempio, caratteristiche dei caratteri del testo, colori del testo stesso e dello sfondo, ecc.), ricorrendo invece ai Fogli di Stile CSS (Cascading Style Sheets) per ottenere lo stesso effetto grafico;
    2. evitare la generazione di nuove finestre; ove ciò non fosse possibile, avvisare esplicitamente l'utente del cambiamento del focus;
    3. pianificare la transizione dell'intero sito alla versione con DTD Strict del linguaggio utilizzato, dandone comunicazione alla Presidenza del Consiglio dei Ministri - Dipartimento per l'innovazione e le tecnologie e al Centro nazionale per l'informatica nella pubblica amministrazione.

Riferimenti WCAG1.0:

3.1, 3.2, 3.5, 3.6, 3.7, 11.1, 11.2

Risultato:

Parzialmente soddisfatto

Dettagli:

Delle undici pagine analizzate, solo la pagina del piano regolatore generale on line e la Home Page della sezione risorse web sono in XHTML 1.0 Strict come prevede la dichiarazione. Gli errori presenti nelle pagine non valide riguardano prevalentemente l'uso errato di certi caratteri come ' e ". Un altro errore non molto frequente è l'omissione della chiusura del tag <br>. Nella pagina dei progetti e delle iniziative, invece, ci sono errori più gravi riguardanti le definzioni contenute nei tag <dt> e <dd>.

Nella pagina del calcolo dell'ICI on line è presente un errore molto grave. In questa pagina è presente un collegamento che rimanda ad una pagina che permette di calcolare ll'ICI. Il codice è:

<form action="http://www.naonis.com/pordenone/calcolo.php3" name="form1">
<div>
<input type="submit" name="Submit" value="Ho letto la guida e desidero effettuare il calcolo dell'ICI" />
</div>
</form>

e viene visualizzato così:

Un riquadro grigio con uno bianco interno con la scritta "ho letto la guida e desidero effettuare il calcolo dell'ICI".

Questo è un errore del primo requisito perché la legge prevede che vengano utilizzati tag <form> solo per creare moduli dove l'utente possa inserire dati e non come collegamento, ad altre pagine. Inoltre vorremmo evidenziare che non è chiaro che questo testo sia un collegamento in quanto diverso da qualsiasi standard. Per questo motivo sarebbe meglio rimpiazzare tutto il codice con un semplice link all'indirizzo http://www.naonis.com/pordenone/calcolo.php3.

Requisito 2: Assenza di frame

Enunciato:

Non è consentito l'uso dei frame nella realizzazione di nuovi siti. In sede di prima applicazione, per i siti Web esistenti già realizzati con frame è consentito l'uso di HTML 4.01 o XHTML 1.0 con DTD frameset, ma con le seguenti avvertenze:

  1. evitare di utilizzare, all'interno del linguaggio a marcatori con il quale la pagina è realizzata, elementi ed attributi per definirne le caratteristiche di presentazione della pagina (per esempio, caratteristiche dei caratteri del testo, colori del testo stesso e dello sfondo, ecc.), ricorrendo invece ai Fogli di Stile CSS (Cascading Style Sheets) per ottenere lo stesso effetto grafico;
  2. fare in modo che ogni frame abbia un titolo significativo per facilitarne l'identificazione e la navigazione; se necessario, descrivere anche lo scopo dei frame e la loro relazione;
  3. pianificare la transizione a XHTML almeno nella versione 1.0 con DTD Strict dell'intero sito dandone comunicazione alla Presidenza del Consiglio dei Ministri - Presidenza del Consiglio dei Ministri - Dipartimento per l'innovazione e le tecnologie e al Centro nazionale per l'informatica nella pubblica amministrazione.

Riferimenti WCAG1.0:

12.1, 12.2

Riferimenti Section 508:

1194.22 (i)

Risultato:

Soddisfatto

Dettagli:

Nel sito non sono presenti frame.

Requisito 3: Alternative testuali

Enunciato:

Fornire una alternativa testuale equivalente per ogni oggetto non di testo presente in una pagina e garantire che quando il contenuto non testuale di un oggetto cambia dinamicamente vengano aggiornati anche i relativi contenuti equivalenti predisposti; l'alternativa testuale equivalente di un oggetto non testuale deve essere commisurata alla funzione esercitata dall'oggetto originale nello specifico contesto.

Riferimenti WCAG1.0:

1.1, 6.2

Riferimenti Section 508:

1194.22 (a)

Risultato:

Parzialmente soddisfatto

Dettagli:

Nelle pagine analizzate gli oggetti testual vengono descritti raramente, e anche quando avviene, la descrizione non sempre è comprensibile. Ad esempio, nella pagina delle pratiche edilizie on line il codice è:

<img src="../../immagini/altre/image.2005-08-03.5854259058" />

e viene visualizzato così:

Immagine contenente la scritta "Pratiche Edilizie"

Questa immagine non ha alcuna descrizione, quindi il collegamento non è fruibile se le immagini non sono visualizzate. Questo problema è però alleviato da un link presente sotto l'immagine che porta alla stessa pagina del link dell'immagine.

Il requisito è invece soddisfatto, ad esempio, nel logo, che è un'immagine contenuta nei CSS che rappresenta la scritta "Comune di Pordenone - Sito Web ufficiale". Il suo codice è:

<h1 id="portal-logo">
<a href="www.comune.pordenone.it">Comune di Pordenone - Sito Web ufficiale</a>
</h1>

E viene visualizzato, se i CSS sono attivati, in questo modo:

Un'immagine con lo stemma del Comune e la scritta Comune di Pordenone.

Requisito 4: Colore non fondamentale

Enunciato:

Garantire che tutti gli elementi informativi e tutte le funzionalità siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.

Riferimenti WCAG1.0:

2.1

Riferimenti Section 508:

1194.22 (c)

Risultato:

Parzialmente soddisfatto

Dettagli:

Dalle pagine analizzate risulta che non tutte le funzionalità sono disponibili in assenza di colore. Infatti il problema si presenta per i collegamenti del menù: nel momento in cui vengono tolti i colori non c'è una distinzione chiara su quali sono i link, quale il testo e quali le informazioni correlate o altro. Una soluzione a questo problema può essere di distinguere almeno i collegamenti  attraverso la sottolineatura del testo.

Il requisito viene invece soddisfatto per quanto concerne l'area del contenuto, dove le informazioni che vengono descritte, testo e link, sono chiaramente distinguibili anche in assenza di colore.

Requisito 5: Oggetti e scritte lampeggianti

Enunciato:

Evitare oggetti e scritte lampeggianti o in movimento le cui frequenze di intermittenza possano provocare disturbi da epilessia fotosensibile o disturbi della concentrazione, ovvero possano causare il malfunzionamento delle tecnologie assistive utilizzate; qualora esigenze informative richiedano comunque il loro utilizzo, avvertire l'utente del possibile rischio prima di presentarli e predisporre metodi che consentano di evitare tali elementi.

Riferimenti WCAG1.0:

7.1, 7.2, 7.3

Riferimenti Section 508:

1194.22 (j)

Risultato:

Soddisfatto

Dettagli:

Non sono presenti né immagini né testo in movimento.

Requisito 6: Contrasto

Enunciato:

Garantire che siano sempre distinguibili il contenuto informativo (foreground) e lo sfondo (background), ricorrendo a un sufficiente contrasto (nel caso del testo) o a differenti livelli sonori (in caso di parlato con sottofondo musicale); evitare di presentare testi in forma di immagini; ove non sia possibile, ricorrere agli stessi criteri di distinguibilità indicati in precedenza.

Riferimenti WCAG1.0:

2.2

Risultato:

Parzialmente soddisfatto

Dettagli:

Per questo requisito abbiamo controllato anche che la luminosità e il contrasto siano corrispondenti ai termini della legge, ovvero:

  1. differenza di luminosità: calcolo della luminosità dei colori di testo e di sfondo con la formula: ((Rosso X 299) + (Verde X 587) + (Blu X 114)) / 1000, in cui Rosso, Verde e Blu sono i valori decimali dei colori; il risultato deve essere non inferiore a 125.
  2. differenza di colore: calcolo della differenza di colore con la formula[Max (Rosso1, Rosso2) - Min (Rosso1, Rosso2)] + [Max (Verde1, Verde2) - Min (Verde1, Verde2)] + [Max (Blu1, Blu2) - Min (Blu1, Blu2)], in cui Rosso, Verde e Blu sono i valori decimali dei colori e Max e Min il valore massimo e minimo tra i due presi in considerazione; il risultato deve essere non inferiore a 500;
Parti della Home Page non conformi

La barra operativa è borgogna con il testo biancoma se il mouse passa sopra ai link le scritte diventano nere.
Sia la differenza di colore (546) sia la differenza di luminosità (195) sono a norma di legge nel primo caso, ma se il mouse passa sopra le scritte, la differenza di colore diventa 219 e la differenza di luminosità 62, ambedue non conformi.

Il menù principale  è grigio con le scritte in borgogna.Con il passaggio del mouse, invece, le scritte diventano nere.
Nel menù principale la differenza di colore (435) non è conforme, ma quella di luminosità (161) rispetta le norme. Nel caso del passaggio del mouse sopra i link diventano rispettivamente 693 e 231, quindi conformi.

I recapiti del Municipio sono in grigio su sfondo bianco.
La scritta con i recapiti del municipio ha una differenza di colore pari a 306 e una differenza di luminosità pari a 102, quindi non è conforme.

Il titolo della Home Page  è scritto in bianco su sfondo violetto.
La differenza di colore del titolo della Home Page è 234 e la differenza di luminosità 79, quindi entrambi i valori non sono conformi.

L'immagine del post-it è gialla con scritte borgogna.
Nell'immagine del post-it la differenza di colore è 409, non conforme, ma quella di luminosità 177, quindi conforme.

La prima parte del menù di sinistra  è in nero su sfondo grigio.La seconda parte del menù di sinistra è in nero su sfondo grigio, tranne la scritta Link segnalati che è in borgogna.Nel caso il mouse passi sopra al testo, questo diventa borgogna.
Quando il testo è nero su sfondo grigio i valori della differenza di colore e della luminosità sono rispettivamente 717 e 235, quindi conformi. Quelli della scritta Link segnalati sono 512 e 178, quindi conformi, ma di quelli del passaggio con il mouse sopra i link, rispettivamente 459 e 169, solo il secondo è conforme.

La scritta Servizi online è bianca su sfondo color mattone.
La differenza di colore è 451, cioè non conforme, mentre quella di luminosità è 146, quindi conforme.

La scritta Città e territorio è bianca su sfondo arancione scuro.
La differenza di colore è 341 e la differenza di luminosità è 110, quindi non sono conformi.

La scritta Comunicazione  è bianca su sfondo giallo scuro.
La differenza di colore è 340 e la differenza di luminosità è 78, quindi non sono conformi.

La scritta risorse web è bianca su sfondo ocra.
La differenza di colore è 408 e la differenza di luminosità è 105, quindi non sono conformi.

La barra "in evidenza"  è bianca su sfondo antracite.
La differenza di colore è 459, quindi non conforme, ma la differenza di luminosità è 153, quindi conforme.

Nel contenuto, parte dei titoli sono  violetti mentre altri borgogna.
La differenza di colore nei titoli violetti è 274 e la differenza di luminosità è 93, quindi non sono conformi.

Il menù in basso è borgogna su sfondo grigio.
La differenza di colore è 435, quindi non conforme, ma la differenza di luminosità è 161, quindi conforme.

Parti della Home Page conformi

Pulsante cerca, bianco su sfondo borgogna scuro.logo del Comune di Pordenone, nero su sfondo a sfumature grigie e azzurre.Sottomenù, borgogna su sfondo nero.Sottomenù al passaggio del mouse, nero su sfondo bianco.Scritta Immagini di Pordenone, nero su sfondo grigio.Scritta Comune, bianca su sfondo borgogna. e il testo, nero su sfondo bianco.

Parti della sezione Comune non conformi

Il colore del titolo del menù  è bianco su sfondo borgogna.Passandoci sopra il mouse la scritta diventa nera.
Nel menù di sinistra la differenza di colore (507) è conforme, come quella di luminosità (185). Nel caso del passaggio del mouse sopra i link i valori diventano rispettivamente 189 e 19, quindi non conformi.

Nel sottomenù le scritte sono bianche su sfondo grigio.Passandoci sopra il mouse, le scritte diventano nere.
Nel sottomenù di sinistra la differenza di colore è 306 e quella di luminosità 102, ovvero non conformi. Passandoci sopra il mouse i colori cambiano, ma non le due differenze.

Nella sottosezione del sottomenù la scritta è bianca su sfondo grigio chiaro.Passandoci sopra il mouse la scritta diventa nera.
Nel primo caso, la differenza di colore è 233 e quella di luminosità 78. Nel secondo caso sono rispettivamente 379 e 126, quindi solo quest'ultimo valore è conforme.

Il colore del testo del menù di sinistra  è borgogna su sfondo grigio.Passandoci sopra il mouse il testo diventa nero.
Le differenze di colore sono rispettivamente 378 e 483, quindi non conformi, mentre quelle di luminosità sono 141 e 160, quindi conformi.

La scritta In evidenza  è borgogna su sfondo grigio.
La differenza di colore è 378, quindi non conforme, e la differenza di luminosità è 141, cioè conforme.

I link in basso a sinistra sono blu e viola su sfondo grigio, rispettivamente se non sono stati visitati e se lo sono stati, mentre il testo è nero.
La differenza di colore di un link non visitato posizionato in basso a sinistra è 439, quindi non conforme, e la differenza di luminosità è 202, quindi conforme. Nel caso di un link visitato sono 439 e 202, quindi la prima non è conforme ma la seconda sì. In assenza di link sono 542 e 180, quindi conformi.

Il titolo in evidenza  è nero su sfondo grigio.
La differenza di colore è 459, quindi non è conforme, ma la differenza di luminosità è 153, quindi conforme.

Parti della sezione Comune conformi

Sono conformi ai requisiti della legge Stanca i titoletti in borgogna e le scritte in nero.

Parti della sezione Servizi online non conformi

Il colore del titolo del menù è bianco su sfondo color mattone.Passandoci sopra con il mouse il testo diventa nero.
Nel menù di sinistra la differenza di colore (451) non è conforme, a differenza di quella di luminosità (146). Nel caso del passaggio del mouse sopra i link i valori diventano rispettivamente 612 e 204, quindi conformi.

Il colore del testo del menù di sinistra è mattone su sfondo grigio.Passandoci sopra con il mouse il testo diventa nero.
Le differenze di colore sono rispettivamente 322 e 483, quindi non conformi, mentre quelle di luminosità sono 102 e 160, quindi la prima non è conforme, ma la seconda sì.

La scritta in evidenza è bianca su sfondo mattone.
La differenza di colore è 451, quindi non conforme, e la differenza di luminosità è 146, cioè conforme.

I link in basso a sinistra sono blu e viola su sfondo grigio, rispettivamente se non sono stati visitati e se lo sono stati mentre il testo è nero.
La differenza di colore di un link non visitato posizionato in basso a sinistra è 439, quindi non conforme, e la differenza di luminosità è 202, quindi conforme. Nel caso di un link visitato sono 439 e 202, quindi la prima non è conforme ma la seconda sì. In assenza di link sono 542 e 180, quindi conformi.

Parti della sezione città e terrirorio non conformi

Il colore del titolo del menù  è bianco su sfondo arancione scuro.Passandoci sopra il mouse la scritta diventa nera.
Nel menù di sinistra la differenza di colore (341) non è conforme, come quella di luminosità (110). Nel caso del passaggio del mouse sopra i link i valori diventano rispettivamente 271 e 94, quindi non conformi.

Nel sottomenù le scritte sono bianche su sfondo grigio.Passandoci sopra il mouse, le scritte diventano nere.
Nel sottomenù di sinistra la differenza di colore è 306 e quella di luminosità 102, ovvero non conformi. Passandoci sopra il mouse i colori cambiano, ma non le due differenze.

Nella sottosezione del sottomenù la scritta  è bianca su sfondo grigio chiaro.Passandoci sopra il mouse la scritta diventa nera.
Nel primo caso la differenza di colore è 233 e quella di luminosità 78. Nel secondo caso sono rispettivamente 379 e 126, quindi solo quest'ultimo valore è conforme.

Il colore del testo del menù di sinistra è arancione scuro su sfondo grigio.Passandoci sopra il mouse il testo diventa nero.
Le differenze di colore sono rispettivamente 242 e 483, quindi non conformi, mentre quelle di luminosità sono 66 e 160, quindi la prima non è conforme, mentre la seconda sì.

La scritta In evidenza è bianca su sfondo arancione scuro.
La differenza di colore è 341, quindi non conforme, come la differenza di luminosità, che è 110.

I link in basso a sinistra sono blu e viola su sfondo grigio, rispettivamente se non sono stati visitati e se lo sono stati, mentre il testo  è nero.
La differenza di colore di un link non visitato posizionato in basso a sinistra è 439, quindi non conforme, e la differenza di luminosità è 202, quindi conforme. Nel caso di un link visitato sono 439 e 202, quindi la prima non è conforme ma la seconda sì. In assenza di link sono 542 e 180, quindi conformi.

Le celle di intestazione delle tabelle sono in nero su sfondo grigio.
La differenza di colore è 459, quindi non è conforme, ma la differenza di luminosità è 153, quindi conforme.

Parti della sezione Comunicazioni non conformi

Il colore del titolo del menù  è bianco su sfondo giallo scuro.Passandoci sopra il mouse la scritta diventa nera.
Nel menù di sinistra la differenza di colore (343) non è conforme, come quella di luminosità (78). Nel caso del passaggio del mouse sopra i link diventano rispettivamente 349 e 124, quindi non conformi.

Nel sottomenù le scritte sono bianche su sfondo grigio.Passandoci sopra il mouse la scritta diventa nera.
Nel sottomenù di sinistra la differenza di colore è 306 e quella di luminosità 102, ovvero non conformi. Passandoci sopra il mouse i colori cambiano, ma non le due differenze.

Le didascalie delle immagini sono nere su sfondo grigio.
Nelle didascalie delle immagini la differenza di colore è 459, quindi non conforme, e la differenza di luminosità è 153, quindi conforme.

Parti della sezione Risorse web non conformi

Il colore del titolo del menù  è bianco su sfondo ocra.Passandoci sopra il mouse la scritta diventa nera.
Nel menù di sinistra la differenza di colore (343) non è conforme, come quella di luminosità (78). Nel caso del passaggio del mouse sopra i link diventano rispettivamente 306 e 99, quindi sempre non conformi.

Nel sottomenù le scritte sono bianche su sfondo grigio.Passandoci sopra il mouse la scritta diventa nera.
Nel sottomenù di sinistra la differenza di colore è 306 e quella di luminosità 102, ovvero non conformi. Passandoci sopra il mouse i colori cambiano, ma non le due differenze.

Il colore del testo del menù di sinistra  è ocra su sfondo grigio.Passandoci sopra il mouse la scritta diventa nera.
Le differenze di colore sono rispettivamente 369 e 483, quindi non conformi, mentre quelle di luminosità sono 102 e 160, quindi solo la seconda è conforme.

Nel motore di ricerca le scritte sono grigio chiaro su sfondo bianco.
Le scritte in grigio nel motore di ricerca hanno differenza di colore pari a 402 e differenza di luminosità pari a 135, quindi la prima non è conforme, ma la seconda sì.

Requisito 7: Mappe immagine

Enunciato:

Utilizzare mappe immagine sensibili di tipo lato client piuttosto che lato server, salvo il caso in cui le zone sensibili non possano essere definite con una delle forme geometriche predefinite indicate nella DTD adottata.

Riferimenti WCAG1.0:

9.1

Riferimenti Section 508:

1194.22 (f)

Risultato:

Soddisfatto

Dettagli:

Non sono presenti mappe immagine.

Requisito 8: Mappe immagine

Enunciato:

In caso di utilizzo di mappe immagine lato server, fornire i collegamenti di testo alternativi necessari per ottenere tutte le informazioni o i servizi raggiungibili interagendo direttamente con la mappa.

Riferimenti WCAG1.0:

1.2

Riferimenti Section 508:

1194.22 (e)

Risultato:

Soddisfatto

Dettagli:

Non sono presenti mappe immagine.

Requisito 9: Tabelle dati

Enunciato:

Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti dalla DTD adottata per descrivere i contenuti e identificare le intestazioni di righe e colonne.

Riferimenti WCAG1.0:

5.1, 5.5, 5.6

Riferimenti Section 508:

1194.22 (g)

Risultato:

Soddisfatto

Dettagli:

Non sono presenti tabelle.

Requisito 10: Tabelle dati

Enunciato:

Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti nella DTD adottata per associare le celle di dati e le celle di intestazione che hanno due o più livelli logici di intestazione di righe o colonne.

Riferimenti WCAG1.0:

5.2

Riferimenti Section 508:

1194.22 (h)

Risultato:

 Soddisfatto

Dettagli:

Non sono presenti tabelle.

Requisito 11: Fogli di stile

Enunciato:

Usare i fogli di stile per controllare la presentazione dei contenuti e organizzare le pagine in modo che possano essere lette anche quando i fogli di stile siano disabilitati o non supportati.

Riferimenti WCAG1.0:

3.3, 6.1

Riferimenti Section 508:

1194.22 (d)

Risultato:

 Soddisfatto

Dettagli:

Disabilitando i fogli di stile nelle pagine analizzate non abbiamo riscontrato alcuna mancanza di contenuto o di funzionalità.

Requisito 12: Liquid layout

Enunciato:

La presentazione e i contenuti testuali di una pagina devono potersi adattare alle dimensioni della finestra del browser utilizzata dall'utente senza sovrapposizione degli oggetti presenti o perdita di informazioni tali da rendere incomprensibile il contenuto, anche in caso di ridimensionamento, ingrandimento o riduzione dell'area di visualizzazione o dei caratteri rispetto ai valori predefiniti di tali parametri.

Riferimenti WCAG1.0:

3.4

Risultato:

 Non soddisfatto

Dettagli:

Nelle pagine analizzate le dimensioni delle colonne delle pagine vengono impostate tramite unità di misura assolute, ad esempio px o pt, mentre i caratteri tramite misure relative. Per questo, nei casi di ridimensionamento, la pagina risulta non visualizzabile e c'è perdita di informazioni anche di una certa gravità, ad esempio quelle relative al menù di sinistra, che permette di navigare all'interno del sito. Una soluzione a questo problema può essere adottare dimensioni relative permettendo un ridimensionamento senza perdita di infomazioni.

Requisito 13: Tabelle layout

Enunciato:

In caso di utilizzo di tabelle a scopo di impaginazione, garantire che il contenuto della tabella sia comprensibile anche quando questa viene letta in modo linearizzato e utilizzare gli elementi e gli attributi di una tabella rispettandone il valore semantico definito nella specifica del linguaggio a marcatori utilizzato.

Riferimenti WCAG1.0:

5.3, 5.4

Risultato:

 Soddisfatto

Dettagli:

Non sono presenti tabelle layout.

Requisito 14: Form

Enunciato:

Nei moduli (form), associare in maniera esplicita le etichette ai rispettivi controlli, posizionandole in modo che sia agevolata la compilazione dei campi da parte di chi utilizza le tecnologie assistive.

Riferimenti WCAG1.0:

10.2, 12.4

Riferimenti Section 508:

1194.22 (n)

Risultato:

 Soddisfatto

Dettagli:

L'unica form presente è nella pagina dei contatti nella sezione Comunicazione. Esso risulta chiaro e comprensibile; le etichette sono ben posizionate agevolando cosi la compilazione di tutti i campi anche per coloro che utilizzano tecnologie assistite.

Requisito 15: Script e applet

Enunciato:

Garantire che le pagine siano utilizzabili quando script, applet, o altri oggetti di programmazione sono disabilitati oppure non supportati; ove ciò non sia possibile fornire una spiegazione testuale della funzionalità svolta e garantire una alternativa testuale equivalente, in modo analogo a quanto indicato nel requisito n. 3.

Riferimenti WCAG1.0:

6.3

Riferimenti Section 508:

1194.22 (l),1194.22 (m)

Risultato:

Non soddisfatto

Dettagli:

Nelle pagine analizzate risultano presenti linguaggi di programmazione, in particolare Javascript. Per questo motivo, un utente privo di una tecnologia che supporti queste funzionalità rischia di non poter usufruire dell'intero sito. Infatti disabilitando gli script i caratteri risultano molto piccoli, quasi illeggibili, in particolare nel menù principale.

Il codice a cui ci riferiamo è il seguente:

< div class = "briciole" >
& nbsp; dimensione carattere:
[< a style = "display: inline;" title = "testo normale"
href = "javascript:setActiveStyleSheet1('Small Text', 'x-small', 1)" >
normale </ a >]
[< a style = "display: inline;" title = "testo medio"
href = "javascript:setActiveStyleSheet1('Norma Text', 'medium', 1)" >
medio </ a >]
[< a style = "display: inline;" title = "testo grande"
href = "javascript:setActiveStyleSheet1('Large Text', 'large', 1)">
grande </ a >]
</ div >

Requisito 16: Eventi

Enunciato:

Garantire che i gestori di eventi che attivano script, applet o altri oggetti di programmazione o che possiedono una propria specifica interfaccia siano indipendenti da uno specifico dispositivo di input.

Riferimenti WCAG1.0:

6.4, 9.2, 9.3

Riferimenti Section 508:

1194.22 (l),1194.22 (m)

Risultato:

Soddisfatto

Dettagli:

Non sono presenti gestori di eventi.

Requisito 17: Oggetti definiti da grammatiche pubbliche

Enunciato:

Garantire che le funzionalità e le informazioni veicolate per mezzo di oggetti di programmazione, oggetti che utilizzano tecnologie non definite da grammatiche formali pubblicate, script e applet siano direttamente accessibili.

Riferimenti WCAG1.0:

8.1

Riferimenti Section 508:

1194.22 (l),1194.22 (m)

Risultato:

Soddisfatto

Dettagli:

Non sono presenti oggetti che utilizzano tecnologie non definite da grammatiche pubbliche.

Requisito 18: Multimedialità

Enunciato:

Nel caso in cui un filmato o una presentazione multimediale siano indispensabili per la completezza dell'informazione fornita o del servizio erogato, predisporre una alternativa testuale equivalente, sincronizzata in forma di sotto-titolazione o di descrizione vocale, oppure fornire un riassunto o una semplice etichetta per ciascun elemento video o multimediale tenendo conto del livello di importanza e delle difficoltà di realizzazione nel caso di trasmissioni in tempo reale.

Riferimenti WCAG1.0:

1.3, 1.4

Riferimenti Section 508:

1194.22 (b)

Risultato:

Soddisfatto

Dettagli:

Non sono presenti oggetti multimediali.

Requisito 19: Link non ambigui

Enunciato:

Rendere chiara la destinazione di ciascun collegamento ipertestuale (link) con testi significativi anche se letti indipendentemente dal proprio contesto oppure associare ai collegamenti testi alternativi che possiedano analoghe caratteristiche esplicative, nonché prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine.

Riferimenti WCAG1.0:

13.1, 13.6

Riferimenti Section 508:

1194.22 (o)

Risultato:

Soddisfatto

Dettagli:

I link sono, per la maggior parte, chiari e significativi.

Requisito 20: Temporizzazioni

Enunciato:

Nel caso che per la fruizione del servizio erogato in una pagina sia previsto un intervallo di tempo predefinito entro il quale eseguire determinate azioni, è necessario avvisare esplicitamente l'utente, indicando il tempo massimo consentito e le alternative per fruire del servizio stesso.

Riferimenti WCAG1.0:

7.4, 7.5

Riferimenti Section 508:

1194.22 (p)

Risultato:

Soddisfatto

Dettagli:

Non sono presenti temporizzazioni.

Requisito 21: Link distanti

Enunciato:

Rendere selezionabili e attivabili tramite comandi da tastiere o tecnologie in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse i collegamenti presenti in una pagina; per facilitare la selezione e l'attivazione dei collegamenti presenti in una pagina è necessario garantire che la distanza verticale di liste di link e la spaziatura orizzontale tra link consecutivi sia di almeno 0,5 em, le distanze orizzontale e verticale tra i pulsanti di un modulo sia di almeno 0,5 em e che le dimensioni dei pulsanti in un modulo siano tali da rendere chiaramente leggibile l'etichetta in essi contenuta.

Riferimenti WCAG1.0:

11.4

Riferimenti Section 508:

1194.22 (k)

Risultato:

Soddisfatto

Dettagli:

I link sono sufficientemente distanti.

Requisito 22: Pagine equivalenti

Enunciato:

Per le pagine di siti esistenti che non possano rispettare i suelencati requisiti (pagine non accessibili), in sede di prima applicazione, fornire il collegamento a una pagina conforme a tali requisiti, recante informazioni e funzionalità equivalenti a quelle della pagina non accessibile ed aggiornata con la stessa frequenza, evitando la creazione di pagine di solo testo; il collegamento alla pagina conforme deve essere proposto in modo evidente all'inizio della pagina non accessibile.

Risultato:

Non soddisfatto

Dettagli:

Benché non tutti i requisiti siano soddisfatti non è presente una pagina equivalente.

Torna su

Conclusione

Il sito si trova in un ottimo stato, benché non tutti i requisiti siano ancora soddisfatti. Rendendo il layout liquido e ridimensionabile si può omettere lo script che permette di ridimensionare il testo, rendendo il sito quasi conforme. Inoltre bisogna porre un'attenzione particolare alla conformità nell'uso del colore.

Torna su