Simulazione Euristica

Indice dei contenuti

Sito valutato

Sito della Regione Lazio. Indirizzo: http://www.regione.lazio.it

Torna all'inizio

Pagine valutate

Torna all'inizio

Valutatori

Torna all'inizio

Software utilizzato

Torna all'inizio

Criteri utilizzati per la valutazione

Torna all'inizio

Tabella riassuntiva

La seguente tabella viene utilizzata per registrare la gravità complessiva delle eventuali barriere del sito.

barriera impatto frequenza gravità
contrasto 1 1 minore
frame 3 1 critico
ascii art 1 2 minore
immagini funzionali senza 3 3 critico
lentezza finestre popup 1 3 serio
form senza label 1 1 minore
tabelle dati
titoli 1 1 minore
lingua 2 1 serio
titoli frame 1 1 minore
testo non ridimensionabile 1 1 minore
layout non ridimensionabile 1 1 minore
Torna all'inizio

Barriere riscontrate


Barriere alla percezione

contrasto
Utente ipovedente che non riesce a distinguere chiaramente le informazioni in primo piano dallo sfondo (perché quest'ultimo è un'immagine o perché il contrasto cromatico o luminoso tra i due componenti non è sufficiente).


Pagina: tutte
Immagine: immagine della barriera Codice HTML: img src="/web/img/footer.gif" alt="Copyright© Regione Lazio 2005 - Powered by Laziomatica" class="" /> Descrizione: C'è poco contrasto tra le scritte e lo sfondo dell'immagine footer.gif. Un utente abile trova difficoltà nella lettura, per un utente ipovedente o daltonico potrebbe essere impossibile.

frame
L'utente non vedente che utilizza una vecchia versione del lettore di schermo (es. Jaws 3.5) non riesce ad accedere al contenuto dei frame (se presenti nella pagina).


Pagina: Meteo
Codice HTML: <iframe src="http://213.175.14.98/portale/meteo/previsioni/" width="100%" height="600" scrolling="no" marginwidth="2" marginheight="0" frameborder="0" ></iframe> Descrizione: Il lettore di schermo non riesce a leggere l'html del frame e si ferma.

ascii art
Un utente cieco di un lettore di schermo che non capisce cosa significa la frase "uguale uguale parentesi angolare destra'' pronunciata da un lettore di schermo a fronte del testo ==> trovato sulla pagina.


Pagina: E-gov, Concorsi, Normativa, Affari Istituzionali
Immagine: Immagine della barriera Codice HTML: <a href="concorsi.shtml">Visualizza la pagina...&gt;&gt;</a> Descrizione: Sono presenti diversi caratteri asci ">>" nelle pagine soprastanti.

Barriere all'utilizzazione

immagini funzionali senza alt
Immagini funzionali (e.g. pulsanti) prive di ALT che non permettono ad un utente cieco di un lettore di schermo di sapere che link attivare. Analogamente per pulsanti Flash.


Pagina: Avvisi Pubblici
Immagine: immagine della barriera Codice HTML: <img src="/img/getacrobat.gif" width="36" height="37" align="right" border="0"> Descrizione: L'immagine da cui scaricare l'acrobat reader non ha etichetta informativa e la descrizione della sua funzione viene dopo. In questo modo un utente che usa lettore di schermo capirà la funzione dell'immagine solo dopo averla sorpassata.


Pagina: Tuttti i pop-ups della pagina Corsi DI formazione
Immagine: immagine della barrieraimmagine della barriera Codice HTML: <img src="/portale/immagini/but_stampa.gif" width="50" height="17" border="0">
<img src="/portale/immagini/p_chiudi.gif" width="57" height="23" border="0">
Descrizione: In tutti i popups le immagini funzionali "Stampa" e "Chiudi" sono prive dell'attributo alt. In questo modo l'utente di lettore di schermo non conoscerà la loro funzione.


Pagina: Meteo
Immagine: immagine della barriera Codice HTML: <img src="/img/bandiera_russa.gif" alt=" &nbsp;&#1088;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081; &#1074;&#1072;&#1088;&#1080;&#1072;&#1085;&#1090;" Descrizione: L'immagine funzionale per tradurre il contenuto in lingua russa ha un alt incomprensibile. Un utente di lettore di scherma non conoscerà la possibilità di tradurre in russo la pagina.


Pagina: Corsi DI formazione
Immagine: immagine della barrieraimmagine della barriera Codice HTML: <img src="/icons/collapse.gif" border="0" height="16" width="16" alt="Hide details for [&lt;span class=sottotitolo&gt;]Frosinone e provincia"> Descrizione: Le freccette che visualizzano e nascondono il testo a lato non hanno un alt adeguato. Un utente di lettore di schermo avrà delle difficoltà nella comprensione della loro funzione.

link in Javascript
Link che non possono essere raggiunti in altro modo. Se javascript è disattivato o non presente nel browser dell'utente il target dei link risulterà irraggiungibile.


Pagina: Avvisi Pubblici, Corsi di formazione
Immagine: immagine della barriera Codice HTML: <a href="javascript:MM_openBrWindow(' http://213.175.14.104/Produzione/Formazione/CorsiFormazione.nsf/corsoweb/ 47483C1311E1849EC125707C00440574 ','legge','scrollbars=yes,resizable=yes,width=618,height=400')">- Tecnico in organizzazione e gestione di Business Plan (351)(c.so 9217)</a> Descrizione: Il target dei links in Javascript non sono raggiungibili se Javascript è disattivato. Non esistono altri modi di raggiungere l'informazione.

lentezza finestre popup
Finestre pop-up che rallentano un utente con difficoltà motorie (perché deve muovere il mouse sul pulsante, piccolo, di chiusura della finestra in alto a destra, nella barra del titolo). Ancora peggio se tali finestre si aprono ogni volta che si ritorna alla home page.


Pagina: Avvisi pubblici, Corsi di formazione
Immagine:
immagine della barriera Descrizione: Sono presenti diverse finestre popup a cui si accede tramite dei link dalle pagine sopra elencate.

form senza label
Controlli di una form privi di associazione con le loro etichette (i.e. mancanza di label/for), che fanno sí che un utente cieco di un lettore di schermo non capisca come usare alcuni dei controlli (e.g. perché tutte le etichette vengono lette una dopo l'altra e poi segue la lettura di tutti i controlli, uno dopo l'altro -- nel caso di una form impaginata con una tabella il cui contenuto non si linearizza correttamente).


Pagina: Home
Immagine: immagine della barriera Codice HTML: <form id="ricerca" method="get" action="http://213.175.14.115/search" >
<p id="campo_ricerca">
<input name="q" type="text" id="cerca" accesskey="r"/> &nbsp; </p> <p id="pulsante_ricerca"> /* ... */ </p> </form>
Descrizione: L'utente di lettore di schermo non saprà la funzione del campo testo se non dopo la lettura del pulsante cerca che però. è posizionato dopo.

Barriere alla comprensione

tabelle dati
Tabelle dati (e.g. orari di autobus) non codificate appropriatamente (con TH, scope, headers) che non permettono ad un utente cieco di un lettore di schermo di navigare tra le celle delle tabelle in modo che gli venga ricordato il significato di ciascuna cella (leggendo anche le intestazioni della cella).


Pagina: Meteo
Immagine: immagine della barriera Codice HTML: <table width="364" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#E8ECF2">
<tr bgcolor="#E8ECF2" align="center">
<td><img src="/img/px_trasp.gif" width="53" height="1"><br>
Citt&agrave;</td>
<td><img src="/img/px_trasp.gif" width="53" height="1"><br>
Vento</td>
<td><img src="/img/px_trasp.gif" width="53" height="1"><br>
Pioggia</td>
<td><img src="/img/px_trasp.gif" width="53" height="1"><br>
Min</td>
<td><img src="/img/px_trasp.gif" width="53" height="1"><br>
Max</td>
</tr>
<tr>
<td>Frosinone</td>
<td>debole</td>
<td align="right">90 %</td>
<td align="right">12</td>
<td align="right">13</td>
</tr>
<tr>
<td>Latina</td>
<td>debole</td>
<td align="right">90 %</td>
<td align="right">15</td>
<td align="right">16</td>
</tr>
<tr>
<td>Rieti</td>
<td>moderato</td>
<td align="right">80 %</td>
<td align="right">12</td>
<td align="right">14</td>
</tr>
<tr>
<td>Roma</td>
<td>debole</td>
<td align="right">90 %</td>
<td align="right">14</td>
<td align="right">16</td>
</tr>
<tr>
<td>Viterbo</td>
<td>debole</td>
<td align="right">90 %</td>
<td align="right">13</td>
<td align="right">15</td>
</tr>
</table>
Descrizione: Manca l'attributo "summary" nel tag table della tabella, che contenga ad es il titolo "Previsioni del tempo" . Inoltre mancano i tag strutturali TH (Table Header) e l'attributo SCOPE="col" alle celle "città", "vento", "Pioggia", "Min", "Max". Un utente con lettore di schermo avrà enormi problemi nella comprensione in quanto il lettore non leggerà la voce deli tag che avrebbero dovuto essere un "TH" anzichè un "TD" prima di ogni cella della tabella. Inoltre manca l'attributo CAPTION che offre una breve descrizione del contenuto generale.

titoli
Pagine prive di titolo (o con titolo non informativo, come ``Untitled document''), che fanno sí che utenti ciechi di lettori di schermo non capiscano su che pagina sono arrivati.


Pagina: Avvisi Pubblici, Corsi di formazione, Modulistica
Immagine: immagine della barriera Codice HTML: <title>Regione Lazio</title> Descrizione: Al posto dei rispettivi titoli "avvisi pubblici", "Corsi di formazione", "Modulistica" queste pagine hanno il titolo generico "Regione Lazio"

lingua
In un sito privo dell'attributo lang, che specifica la lingua in cui il testo a scritto, un lettore di schermo utilizzato da utenti non vedenti non è in grado di risalire alla lingua a cui appartengono le parole incontrate, e quindi non sarà in grado di leggerle in modo corretto. Anche se il lettore è impostato per la lingua italiana, se incontra una parola straniera priva di attributi che ne specifichino la lingua, non la legge correttamente.


Pagina: Tributi, Autocertificazione
Immagine:
immagine della barriera Descrizione: In queste pagine manca l'attributo lang che specifica che le pagine sono in italiano.


Pagina: Meteo
Immagine: immagine della barriera Codice HTML: <span class="sei">YOU ARE IN &gt; </span> Descrizione: Nella versione inglese del meteo manca l'attributo lang nel tag della breadcrumbs. Il lettore di schermo pronuncerà il testo inglese come se fosse italiano.

titoli frame
Frame privi di un nome coerente con il loro contenuto fa sì che utenti non vedenti che utilizzano un lettore di schermo possano essere disorientati.


Pagina: I-frame in METEO che rimanda all'url http://213.175.14.98/portale/meteo/previsioni
Codice HTML: <title>Regione Lazio</title> Descrizione: L'i-frame nella pagina meteo ha il titolo generico "Regione Lazio".

immagini come titoli, non ingrandibili
Utente ipovedente non potrà ingrandire il testo del titolo che è codificato come un'immagine (quindi rappresentato come dei pixel); egli dovrà per forza usare un ingranditore di schermo per poterla ingrandire, con la conseguenza di ridurre il suo campo visivo, e quindi l'efficacia e l'efficienza con cui usail sito web.


Pagina: Tutte
Immagine: immagine della barriera Codice HTML: <img src="/img/include/testata_top.gif" alt="" width="751" height="38" border="0" usemap="#home"> Descrizione: L'immagine testata-top.gif contiene al suo interno informazioni importanti che non possono essere ridimensionate. Un utente ipovedente avrà difficoltà o addirittura non riuscirà a leggere le informazioni.

Barriere al controllo da parte dell'utente

testo non ridimensionabile
Testo che non è ridimensionabile, che non permette ad un utente ipovedente di usare la pagina anche senza ingranditore di schermo.


Pagina: Bandi
Immagine: immagine della barriera Codice HTML: <span style="background:#eaeaea;width:100%;padding:3px;"><strong>Avvertenza!</strong> Il testo dei bandi pubblicati /* ... */ della Regione Lazio. </span> Descrizione: Il testo è ridimensionabile ma usando il browser Firefox risulta illeggibile per certe dimensioni, tra cui quella predefinita.

layout non ridimensionabile
Layout della pagina non ridimensionabile, che non permette ad un utente ipovedente di un ingranditore di schermo di incrementare la dimensione della finestra o del testo senza scompaginare l'impaginazione in maniera tale da comprometterne la comprensione.


Pagina: Tributi
Immagine: immagine della barriera Descrizione: Il layout di questa pagina non è ridimensionabile. Se viene ingrandito il testo tramite browser la pagina risulterà scompaginata e leggibile a fatica per certe dimensioni.

Torna all'inizio

Conclusioni

Il sito nonostante sia ben realizzato, non ha superato tutti punti della simulazione euristica.

Le barriere di gravità critica sono due: immagini funzionali senza "alt" e l'impossibilità per un lettore di schermo di accedere ai frame. Un utente con problemi di vista o non vedente che usa un lettore di schermo potrebbe trovare diverse difficoltà in alcune parti del sito, nel svolgere determinati compiti.

Esistono barriere catalogate al livello di gravità: "problema serio": alcune finestre pop-up rallentano la navigazione di un utente con ingranditore di schermo o sensa lettore ma con difficoltà motorie. Inoltre in alcune pagine non viene specificato il linguaggio in cui sono scritte.

Sono inoltre presenti diversi errori di gravità minore, che non si presentano comunque raramente.