Vai al contenuto

1. INTRODUZIONE



1.1. Scopo Della Valutazione

Lo scopo della valutazione della conformità, è quello di scoprire in un sito ogni possibile violazione dello standard prescelto.
Il metodo preso in considerazione, viene utilizzato per testare le pagine del sito senza focalizzarsi sull'interazione dell'utente con il sistema.
Le fasi della valutazione comprendono un'analisi iniziale delle singole pagine e la successiva annotazione dei principi violati. Per ogni elemento del sito non conforme al singolo principio, sarà indicata la causa della violazione ed una possibile soluzione.


1.2. Linee Guida Adottate

Le linee guida adottate appartengono alla legge numero 4 del 09 gennaio 2004, conosciuta anche come "Legge Stanca", che costituisce un riferimento per le pubbliche amministrazioni, enti pubblici e aziende private che forniscono servizi pubblici.
La Legge Stanca è composta da 22 principi, con la finalità di contribuire allo sviluppo di un sito che permetta ad ogni persona, indipendentemente dalla sue abilità, l'accesso alle informazioni.


1.3. Metodologia e Strumenti Utilizzati

Per ogni principio, vengono elencati: il risultato dell'analisi (RISPETTATO, NON RISPETTATO, NON APPLICABILE), una o più motivazioni dell'eventuale fallimento, un eventuale parte di codice come esempio ed una o più possibili soluzioni al problema.
Sono inoltre stati utilizzati strumenti automatici per la valutazione di alcuni punti, successivamente rivedendo e rielaborando manualmente il risultato prodotto.
Questa revisione si è resa necessaria per sopperire alle carenze ed ai problemi che ogni strumento automatico presenta.

Nel dettaglio si è fatto uso dei seguenti strumenti:

L'analisi delle pagine è stata effettuata su piattaforma Macintosh con browser Mozilla Firefox 1.5.0.3 e Safari 2.0, mentre su piattaforma Windows con browser Mozilla Firefox 1.5.0.3 e Internet Explorer 6.0.
La risoluzione dello schermo adottata era di 1024x768 pixel.


1.4. Scelta delle Pagine Analizzate

Dopo un'analisi preliminare delle pagine del sito, abbiamo deciso di analizzare le pagine elencate qui di seguito, in quanto ci sembravano le più adatte per lo svolgimento della nostra attività.
In particolare è stata scelta la Home Page del sito poiché è la pagina principale di accesso alle informazioni ed ai servizi forniti dal portale.


2. ANALISI HOME PAGE



2.0. Sommario
Tabella per la verifica rapida del rispetto dei requisiti
Elenco RequisitiEsito
 Requisito 1 - Validità del codiceRISPETTATO
 Requisito 2 - No FrameRISPETTATO
 Requisito 3 - Alternative TestualiNON RISPETTATO
 Requisito 4 - ColoreNON RISPETTATO
 Requisito 5 - Scritte LampeggiantiRISPETTATO
 Requisito 6 - ContrastoNON RISPETTATO
 Requisito 7 - Mappe Immagine 1NON APPLICABILE
 Requisito 8 - Mappe Immagine 2NON APPLICABILE
 Requisito 9 - Tabelle Dati 1RISPETTATO
 Requisito 10 - Tabelle Dati 2NON RISPETTATO
 Requisito 11 - Fogli di StileRISPETTATO
 Requisito 12 - Liquid LayoutNON RISPETTATO
 Requisito 13 - Tabelle LayoutNON APPLICABILE
 Requisito 14 - FormRISPETTATO
 Requisito 15 - Script, Applet, ...NON RISPETTATO
 Requisito 16 - EventiRISPETTATO
 Requisito 17 - Script, Applet, PDF, ...NON RISPETTATO
 Requisito 18 - MultimedialeNON APPLICABILE
 Requisito 19 - Link non AmbiguiNON RISPETTATO
 Requisito 20 - TemporizzazioniNON APPLICABILE
 Requisito 21 - Link DistantiRISPETTATO
 Requisito 22 - Pagine EquivalentiNON APPLICABILE

2.1. Requisito 1 - Validità del Codice 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.

Il doctype della pagina è l'XHTML 1.0 Strict. Per testare la validità della pagina, sono stati utilizzati i seguenti validatori: W3C Validator e al W3C CSS Validator; la pagina è risultata valida, presentando solo alcuni warnings in fase di validazione dei fogli di stile. Il requisito è quindi rispettato.

Elenco dei principali warnings rilevati:

• Line : 24 (Level : 1) Same colors for color and background-color in two contexts h2 and a.

codice:

h2 { ...
background-color: #666;
...
}

a {color: #666;
...}

soluzione:

Scegliere due colori diversi per evitare possibili sovrapposizioni che potrebbero far risultare il testo non leggibile. I due colori devo essere scelti in modo da avere un sufficiente contrasto.


• Line : 24 (Level : 1) You have no background-color with your color : a
• Line : 38 (Level : 1) You have no color with your background-color : textarea

codice:

a {
color: #666;
text-decoration:none;
}

textarea {
width: 90%;
margin: 0px 3px 0px 3px; padding-top: 0px; padding-bottom: 0px;
background: #f2f2f2; border: 1px solid #999999;
}

soluzione:

Specificare rispettivamente un colore di sfondo e un colore per il testo.


• Line : 14 (Level : 1) This property applies to block-level elements. : li

codice:

div, table, th, tr, td, caption, thead, tfoot, tbody, form, label, input, textarea, span, pre, p, h1, h2, h3, h4, h5, h6, img, a, dl, dt, dd, ol, ul, li
{
text-align: left; margin: 0px; padding: 0px; border: 0px;
}

soluzione:

Alcune proprietà specificate per tutti gli elementi elencati sopra, non hanno effetto sul tag <li> (o su altri tag), ad esempio text-align: left;


• Line : 54 (Level : 2) Redefinition of height : #testata

codice:

#testata {
height: auto!important;
height: 83px;
min-height: 83px;
}

nota:

Codice utilizzato per i browser Opera e Mozilla Firefox per ignorare l'attributo height elencato solitamente di seguito. Potrebbe portare i suddetti browser a non rispettare l'altezza predefinita ad esempio di un blocco, con possibilità di problemi nel layout.


• Line : 129 (Level : 2) Redefinition of voice-family : #ricerca input.scriviqui

codice:

#ricerca input.scriviqui {
...
voice-family: "\"}\"";
voice-family: inherit;
width: 131px;
}

nota:

Come sopra per risolvere un bug di Opera 5.


• Line : 75 (Level : 2) Redefinition of margin-left : input

codice:

input {
margin: 0px;
margin: 0px 3px 0px 3px;
...
}

nota:

L'attributo margin deve essere definito una sola volta, in questo caso si potrebbe eliminare la prima dichiarazione.


2.2. Requisito 2 - No Frame Non è consentito l'uso dei frame nella realizzazione di nuovi siti.

Il requisito è verificato poiché la struttura della pagina non contiene frame.


2.3. Requisito 3 - Alternative Testuali 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.

Il requisito non è rispettato. Qui di seguito viene fornito un elenco delle principali violazioni:

• Mancanza del testo alternativo (attributo alt), ad esempio per il logo iniziale.

codice:

<div id="testata">

#testata {
background: url(../imcom/skin2/banner.jpg) no-repeat;
}

soluzione:

Inserire il testo alternativo ad ogni immagine che comunichi qualcosa. Esempio: alt="Logo Regione Piemonte" o alt="" se l'immagine è puramente decorativa.

nota:

Spesso viene utilizzato nella pagina un link, che ha come sfondo un'immagine definita nel CSS tramite il codice backgroud: url(...). Nel caso in cui l'immagine non venga caricata, essa non sarà sostituita dal testo alternativo, nascondendo la presenza del link.


• Mancanza dell'alternativa testuale per il tag input (con riferimento alle WCAG 1.0, principio 1.1).

codice:

<input class="scriviqui" name="term_query" type="text" value="-" id="campo" size="23" onfocus="S_clearDefault(this)" />

soluzione:

Aggiungere al tag <input> l'attributo alt per definire il testo alternativo.


• Mancanza dell'attributo title per descrivere i link, in più parti della pagina.

codice:

<li><a href="/governo/index.htm">Giunta Regionale</a></li>
<li><a href="/governo/org/index.htm">Organizzazione e Uffici</a></li>
<li><a href="/governo/bollettino/abbonati/2006/corrente/index.htm">
Bollettino ufficiale</a></li>
<li><a href="/boll_leggi/index.htm">Leggi e segnalazioni</a></li>
<li><a href="/atti_al_enti/index.htm">Atti di altri Enti</a></li>


<li class="pssr1"><a href="pssr/index.htm"><span>Piano Socio Sanitario Regionale 2006 - 2010</span></a></li>

soluzione:

Aggiunta dell'attributo title ai link. Esempio: <a href="/governo/index.htm" title="Pagina della Giunta Regionale della Regione Piemonte">Giunta Regionale</a>


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

Il requisito non è rispettato poiché, nella parte bassa della pagina, le informazioni sulle temperature e relativa legenda, sono codificate con il solo colore; senza di esso non è possibile capire il giusto senso della tabella (comprendere il significato delle 2 celle blu e rossa per temperatura minima e massima).
esempio:

Esempio non conformità requisito 4 - Colore


2.5. Requisito 5 - Scritte Lampeggianti 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.

Non sono presenti elementi lampeggianti o in movimento all'interno della pagina. Il requisito è quindi rispettato.


2.6. Requisito 6 - Contrasto 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.

Il requisito non è rispettato poiché, dopo una misurazione effettuata con lo strumento Colour Contrast Analizer, in diverse parti della pagina, la differenza di contrasto e/o luminosità tra lo sfondo ed il testo non è sufficiente.

Come mostrato dall'immagine sottostante, c'è una differenza non sufficiente tra il colore di sfondo ed il colore del testo. Questo si verifica ad esempio quando sui link "archivio»" viene posizionato il puntatore del mouse.

esempio:

Esempio non conformità requisito 6 - Contrasto

altri esempi:

Esempio non conformità requisito 6 - Contrasto

Esempio non conformità requisito 6 - Contrasto


2.7. Requisito 7 - Mappe Immagine 1 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.

Il requisito non è applicabile, poiché non sono presenti nè mappe immagine lato client, nè lato server nella pagina analizzata.


2.8. Requisito 8 - Mappe Immagine 2 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.

Il requisito non è applicabile, poiché non sono presenti mappe immagine lato server nella pagina analizzata.


2.9. Requisito 9 - Tabelle Dati 1 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.

La pagina presenta una sola tabella al suo interno, che contiene tag conformi al DTD dichiarato, quindi il requisito è verificato.


2.10. Requisito 10 - Tabelle Dati 2 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.

Il requisito non è rispettato perchè l'unica tabella della pagina non presenta tra i suoi attributi i marcatori di riga e di colonna adatti.

codice:

<tr>
<th id="alessandria">Al<span>essandria</span></th>
<th id="asti">A<span>s</span>t<span>i</span></th>
<th id="biella">Bi<span>ella</span></th>
...
</tr>


<tr>
<td headers="alessandria" class="var_tempor" title="variabile - temporali">
...
</td>
</tr>

soluzione:

Aggiunta dell'attributo scope="col" all'interno del tag <th> e dell'attributo scope="row" all'interno del tag <td>.


2.11. Requisito 11 - Fogli di Stile 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.

Effettuando un'analisi della pagina e dei relativi fogli di stile, si può affermare che il requisito è rispettato.
Tutti i contenuti sono fruibili anche senza l'utilizzo dei fogli di stile, ed in ogni caso visualizzati senza perdita di alcuna informazione.


2.12. Requisito 12 - Liquid Layout 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.

Il requisito non è rispettato.
Nella definizione della larghezza e altezza degli elementi della pagina, vengono spesso utilizzati valori espressi in px per definire gli attributi, come ad esempio per width, height, padding e margin. Se si cerca di ridimensionare la finestra, il contenuto rimarrà ad una dimensione fissata a prescindere dalla larghezza della finestra. Questo crea problemi agli utenti che usano schermi piccoli e con bassa risoluzione (es.PDA, cellulare).
C'è da notare, che aumentando la dimensione del carattere della pagina, in diversi punti di essa, il testo va fuori dai blocchi in cui è stato predisposto originariamente.


2.13. Requisito 13 - Tabelle Layout 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.

Questo principio non è applicabile in quanto non sono presenti tabelle di layout all'interno della pagina. I posizionamenti degli elementi avvengo mediante blocchi <div> e relative proprietà nel CSS.


2.14. Requisito 14 - Form 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.

Il requisito è rispettato. All'interno della pagina è presente un solo form utilizzato per la ricerca, con relativa etichetta, e sono stati utilizzati correttamente tag e attributi LABEL/FOR.
Questo fa in modo che il collegamento tra i due tag <label> e <input>, venga effettuato in maniera fornendo un supporto alle tecnologie assistive come ad esempio lettori di schermo.

codice:

<label for="campo">Cerca:</label>
<input class="scriviqui" name="term_query" type="text" value="-" id="campo" ... />

2.15. Requisito 15 - Script, Applet, ... 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.

All'interno della pagina sono presenti diversi script java. Disabilitando il supporto java del browser sono emersi alcuni problemi che hanno reso la pagina non conforme a questo requisito. Qui di seguito vengono elencati alcuni problemi riscontrati.
Il form di ricerca non è utilizzabile se viene disabilitato l'interprete java, poiché la ricerca si basa su uno script java.
La visualizzazione della data scompare, poiché anche questa è generata da alcune funzioni java. (è un problema minore rispetto a quello della ricerca, considerato che questa informazione non è un requisito necessario).
Anche per quanto riguarda la funzione che legge/setta il cookie e ne memorizza all'interno il none del foglio di stile da utilizzare, vale quanto detto per il form.

codice:

<script type="text/javascript" src="js2/stile.js"></script>

nota:

Sarebbe opportuno utilizzare il tag <noscript> che ha la funzione di fornire un alternativa agli script, nel caso in cui il java venga disabilitato.


2.16. Requisito 16 - Eventi 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.

La funzione di ricerca richiama la funzione OnFocus, che è stata giustamente utilizzata al posto del corrispondente evento del mouse OnMouseOver.
Il principio risulta quindi verificato.


2.17. Requisito 17 - Script, Applet, PDF, ... 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.

Il requisito non è rispettato.
Facendo riferimento alle linee guida WCAG 2.0 riconducibili a questo requisito, bisognerebbe evitare link che puntano a funzioni javascript.

codice:

<a href="javascript:document.getElementById('cercalib').submit();" class="avvia">
<span>avvia la ricerca</span>
</a>

2.18. Requisito 18 - Multimediale 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.

All'interno della pagina non è presente alcun contenuto multimediale, per cui il requisito non è applicabile.


2.19. Requisito 19 - Link non Ambigui 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.

Il requisito non è soddisfatto in quanto sono presenti diverse violazioni di esso all'interno della pagina analizzata.

• Le etichette associate ad alcuni collegamenti, non sono sufficientemente esplicative, generando nell'utente confusione nella comprensione di quale sarà la pagina puntata. Inoltre su questi link non è presente l'attributo title per descrivere il link.

codice:

<li><a href="/bdati/index_c.htm">ai cittadini</a></li>
<li><a href="/bdati/index_i.htm">per imprese e professionisti</a></li>

nota:

Sarebbe più opportuno etichettare i link in questo modo: "Servizi ai Cittadini" e "Servizi per imprese e professionisti", oltre a fornire una valida descrizione per mezzo dell'attributo title.
Questa scelta è motivata dal fatto che, se il blocco che li contiene e che ne fornisce un etichetta di raggruppamento viene tolta, i link in questione non avranno un significato chiaro.



• Alcuni link, seppur dotati di testo descrittivo (in alcuni casi non sufficientemente esplicativo), se tolti dal loro contesto non danno indicazione di quale potrebbe essere la pagina a cui porteranno.

codice:

<a href="piemonteinforma/piemontesi/archivio/index.htm" title="Archivio Due parole">
| archivio»
</a>

2.20. Requisito 20 - Temporizzazioni Nel caso che per la fruizione del servizio erogato in una pagina è 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.

Non è presente nessun elemento all'interno della pagina soggetto a temporizzazioni. Per questo motivo si può dire che il requisito non è applicabile.


2.21. Requisito 21 - Link Distanti 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.

La distanza tra i link presenti nella pagina rispetta questo requisito, poiché sono sufficientemente distanti da permettere un corretto puntamento.
Anche l'utilizzo della tastiera permette un uso efficace e completo dei contenuti e dei servizi forniti dalla pagina.


2.22. Requisito 22 - Pagine Equivalenti 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.

Il requisito non è applicabile poiché il sito non offre una pagina equivalente a quella da noi valutata.


3. ANALISI PAGINA POLIZIA LOCALE



3.0. Sommario
Tabella per la verifica rapida del rispetto dei requisiti
Elenco RequisitiEsito
 Requisito 1 - Validità del codiceNON RISPETTATO
 Requisito 2 - No FrameRISPETTATO
 Requisito 3 - Alternative TestualiNON RISPETTATO
 Requisito 4 - ColoreNON RISPETTATO
 Requisito 5 - Scritte LampeggiantiNON RISPETTATO
 Requisito 6 - ContrastoNON RISPETTATO
 Requisito 7 - Mappe Immagine 1RISPETTATO
 Requisito 8 - Mappe Immagine 2NON APPLICABILE
 Requisito 9 - Tabelle Dati 1NON APPLICABILE
 Requisito 10 - Tabelle Dati 2NON APPLICABILE
 Requisito 11 - Fogli di StileRISPETTATO
 Requisito 12 - Liquid LayoutNON RISPETTATO
 Requisito 13 - Tabelle LayoutRISPETTATO
 Requisito 14 - FormNON APPLICABILE
 Requisito 15 - Script, Applet, ...NON RISPETTATO
 Requisito 16 - EventiNON RISPETTATO
 Requisito 17 - Script, Applet, PDF, ...NON RISPETTATO
 Requisito 18 - MultimedialeNON APPLICABILE
 Requisito 19 - Link non AmbiguiNON RISPETTATO
 Requisito 20 - TemporizzazioniNON APPLICABILE
 Requisito 21 - Link DistantiRISPETTATO
 Requisito 22 - Pagine EquivalentiNON APPLICABILE

3.1. Requisito 1 - Validità del Codice 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.

La pagina non è conforme a questo requisito perchè in fase di validazione, ha presentato molti errori (26), dovuti in gran parte alla mancanza della dichiarazione del Doctype del documento.
Gli strumenti utilizzati per la validazione sono: W3C Validator e W3C CSS Validator.

Errori riscontrati nella validazione della pagina:

• Line 1 column 0: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>"

nota:

La dichiarazione del Doctype della pagina non è presente. Questa mancanza fa si che vengano generati molti errori, che non sarebbero presenti nel caso in cui fosse definito in modo corretto.


• Line 30 column 150: required attribute "ALT" not specified

codice:

<img src="im/barra1.gif" vspace="0" hspace="4" border="0" align="left" width="7" height="23">

soluzione:

E' necessario aggiungere il testo alternativo vuoto poiché l'immagine ha funzione decorativa. Esempio alt="".


• Line 13 column 29: required attribute "TYPE" not specified

codice:

<script language="JavaScript">

soluzione:

E' necessario aggiungere l'attributo type, con valore "text/javascript", al tag <script> per specificare il tipo di script.


• Mancanza della chiusura dei tag in diverse parti del codice della pagina

codice:

<meta name="expiration" content="00-00-0000">


Errori riscontrati nella validazione dei fogli di stile:

• Line: 416 Context : .colonnacentrale h2 Invalid number : font Parse Error - [empty string]

codice:

.colonnacentrale h2 {
...
font: 90%;
}

nota:

Elemento non valido per la definizione di proprietà nei CSS. La giusta proprietà da usare è: font-size: 90%.


I fogli di stile presentano in ogni caso alcuni warnings analoghi a quelli già descritti per il Requisito 1 Home Page


3.2. Requisito 2 - No Frame Non è consentito l'uso dei frame nella realizzazione di nuovi siti.

Il requisito è verificato poiché la struttura della pagina non contiene frame.


3.3. Requisito 3 - Alternative Testuali 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.

Il requisito non è rispettato. Qui di seguito viene fornito un elenco delle principali violazioni:

• Le immagini decorative davanti ai link, nella barra sinistra e destra della pagina, non presentano l'attributo alt.

codice:

<img src="im/barra1.gif" vspace="0" hspace="4" border="0" align="left" width="7" height="23">

soluzione:

Aggiungere l'attributo alt="" (con valore vuoto) all'immagine decorativa.


• I link presenti nelle barre dei menù di sinistra e destra, non sono dotati dell'attributo title utilizzato per fornire una descrizione del collegamento.

codice:

<a href="competenze/agente.htm" style="line-height:23px">L'agente di polizia</a>

soluzione:

Aggiungere l'attributo descrittivo title al tag <a> di ogni link, prestando attenzione nella scelta della descrizione.


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

All'interno del box con lo script java, che presenta i collegamenti alle ultime notizie, i link vengono differenziati dal testo con il solo colore (verde anzichè blu).
Senza la differenziazione di colore diventa molto difficile capire quale parte di documento è testo e quale è un link.

Esempio non conformità requisito 4 - Colore


3.5. Requisito 5 - Scritte Lampeggianti 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.

L'applet contenuto nella pagina presenta un tempo di aggiornamento pari ad un fotogramma ogni 60ms.
Se contiamo che 60ms sono pari a 0.06s possiamo calcolare la frequenza di aggiornamento dei fotogrammi pari a circa 17Hz.
Come previsto dalla normativa, frequenze comprese fra i 4 e i 59 Hz possono causare disturbi da epilessia fotosensibile o disturbi della concentrazione.

codice:

<applet code="yavs.class" width="120" height="126">
<param name="SPEED" value="60">

soluzione:

Cercare di presentare l'informazione in maniera diversa (ad esempio una sezione della pagina dedicata o un link ad una altra pagina).
Se proprio non sia possibile evitare il testo scorrevole, sarà necessario avvisare l'utente del possibile rischio.


3.6. Requisito 6 - Contrasto 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.

Il requisito non è rispettato poiché, dopo una misurazione effettuata con lo strumento Colour Contrast Analizer, in diverse parti della pagina, la differenza di contrasto e/o luminosità tra lo sfondo ed il testo non è sufficiente.

esempi:

Esempio non conformità requisito 6 - Contrasto

Esempio non conformità requisito 6 - Contrasto

Solo su piattaforma Windows utilizzando browser Mozilla Firefox, si verifica una situazione in cui il contrasto tra sfondo e testo è insufficiente. Nel dettaglio, causa dimensionamento minore del carattere da parte del browser, le informazioni di contatto a fondo pagina risultano poco leggibili.

Esempio non conformità requisito 6 - Contrasto


3.7. Requisito 7 - Mappe Immagine 1 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.

All'interno della pagina, nella parte superiore, è presente una mappa immagine che rispetta il requisito sopra descritto.


3.8. Requisito 8 - Mappe Immagine 2 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.

Il requisito non è applicabile, poiché non sono presenti mappe immagine lato server nella pagina analizzata.


3.9. Requisito 9 - Tabelle Dati 1 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.

Il requisito non è applicabile, poiché all'interno della pagina non sono presenti tabelle dati.


3.10. Requisito 10 - Tabelle Dati 2 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.

Il requisito non è applicabile, poiché all'interno della pagina non sono presenti tabelle dati.


3.11. Requisito 11 - Fogli di Stile 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.

Il contenuto della pagina è fruibile anche nel caso in cui non vengano utilizzati i fogli di stile. Effettuando un'analisi della pagina e dei relativi fogli di stile, si può affermare che il requisito è rispettato. Tutti i contenuti sono fruibili anche senza l'utilizzo dei fogli di stile, ed in ogni caso visualizzati senza perdita di alcuna informazione.
Si presenta solo qualche piccolo problema di allineamento e layout, ma di minima importanza.

nota:

Alcune proprietà di stile sono specificate all'interno della pagina ma sarebbe più corretto definirle all'interno del foglio di stile per separare il contenuto dalla presentazione. Di seguito viene presentato un esempio.

codice:

<p class="menu1" style="background-color: #f6f4d8;
margin-bottom:4px; margin-top:8px;">

3.12. Requisito 12 - Liquid Layout 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.

Nelle pagine vengono spesso utilizzati valori espressi in px per definire gli attributi come: width, height, padding, margin, perciò se si cerca di ridimensionare la finestra, il contenuto rimarrà ad una dimensione fissata a prescindere dal ridimensionamento.
C'è da notare che, aumentando la dimensione del carattere della pagina, in diverse parti di essa, il testo va fuori dai blocchi che lo contengono, generando un elevato numero di sovrapposizioni del testo che non consentono un adeguata percezione delle informazioni.


3.13. Requisito 13 - Tabelle Layout 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.

Viene garantito che il contenuto della pagina sia comprensibile anche quando le tabelle di layout vengono disabilitate, quindi il requisito è verificato.


3.14. Requisito 14 - Form 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.

La pagina non contiene al suo interno nessun form, quindi il requisito risulta non applicabile.


3.15. Requisito 15 - Script, Applet, ... 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.

L'applet che presenta le segnalazioni e le novità, non fornisce un alternativa testuale al suo contenuto. Nel caso in cui non sia possibile visualizzare l'applet o nel caso in cui il browser non sia abilitato sarà impossibile accedere a tali informazioni. Il requisito risulta perciò non rispettato.
nota:

Anche se gli Applets si possono includere nel documento sia con i tag <OBJECT> che con <APPLET>, il primo risulta migliore in quanto possono essere nidificati per fornire una migliore rappresentazione alternativa.


3.16. Requisito 16 - Eventi 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.

La pagina contiene al suo interno due eventi attivabili tramite onClick, ma non presenta la definizione dei corrispondenti eventi della tastiera onKeyPress.
Questo comporta l'impossibilità da parte di alcuni utenti, di accedere a parte dei contenuti del sito, quindi il requisito non è verificato.

codice:

onClick="MM_openBrWindow('competenze/pop/foto1.htm','','width=250,height=183')"
onClick="MM_openBrWindow('stemma.htm','','width=320,height=450')"

soluzione:

Affiancare all'evento del mouse OnClick, il corrispondente evento della tastiera OnKeyPress.


3.17. Requisito 17 - Script, Applet, PDF, ... 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.

L'applet presente nella pagina non è raggiungibile dagli utenti che fanno utilizzo della sola tastiera, poiché il focus della pagina non può essere spostato su questo oggetto senza l'utilizzo del mouse.
Per ogni documento PDF puntato da un link nella pagina, è stato effettuato un controllo dell'accessibilità per mezzo di una funzione di Adobe Acrobat 7. Il risultato ottenuto ha evidenziato che i documenti non risultavano accessibili in quanto non è stato fatto un corretto tagging di esso in fase di creazione.


3.18. Requisito 18 - Multimediale 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.

All'interno della pagina non è presente alcun contenuto multimediale, per cui il requisito non è applicabile.


3.19. Requisito 19 - Link non Ambigui 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.

• Come già indicato al punto 3, i link principali della pagina sono tutti privi di testo alternativo, non fornendo descrizione della pagina a cui puntano. Un esempio è il link "Gallerie Fotografiche", che non da un idea all'utente su che tipo di gallerie vengono puntate . Altro esempio: il link "Regolamenti".

• Un link ambiguo è quello nella parte alta della pagina, all'interno della mappa immagine. Lo stemma è cliccabile ma non è chiaro dove il link porta dato che manca anche il testo alternativo.

• Anche il link "Struttura", seppur dotato di testo alternativo, non ha un significato ben definito se tolto dal suo contesto. Stessa considerazione per i collegamenti "Disposizioni" e "Pubblicazioni".

codice:

<area shape="rect" coords="467,61,522,73"
href="http://www.regione.piemonte.it/governo/org/05sett.htm#02"
target="_blank" alt="Struttura" title="Struttura">

3.20. Requisito 20 - Temporizzazioni Nel caso che per la fruizione del servizio erogato in una pagina è 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.

Non è presente nessun elemento all'interno della pagina soggetto a temporizzazioni. Per questo motivo si può dire che il requisito non è applicabile.


3.21. Requisito 21 - Link Distanti 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.

La distanza tra i link presenti nella pagina rispetta questo requisito, poiché sono sufficientemente distanti da permettere un corretto puntamento.
Anche l'utilizzo della tastiera permette un uso efficace e completo dei contenuti e dei servizi forniti dalla pagina.


3.22. Requisito 22 - Pagine Equivalenti 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.

Il requisito non è applicabile poiché il sito non offre una pagina equivalente a quella da noi valutata.