Regione Emilia-Romagna: Simulazione Euristica

Valutatori

Il gruppo di valutatori e' formato da:

Piattaforma utilizzata

L'analisi si e' svolta principalmente in ambiente Windows 2000 e XP a risoluzione 1024x768. Il browser usato e' stato Internet Explorer ver 6.0

Presentazione

La presente Simulazione Euristica è stata iniziata quando pubblica era la versione vecchia del sito Regione Emilia-Romagna e finita dopo il 30 maggio 2005, data in cui il sito è stato rivoluzionato.
Per ogni barriera è stato specificato in quale delle due versioni del sito è stata riscontrata.

Indice sinottico

Barriere alla Percezione

Barriera Impatto Frequenza Gravità Versione
Immagini ricche senza alt 1 1 minore Vecchia e Nuova
Movimento 1 2 minore Vecchia e Nuova
Frame 2 2 serio Nuova

Barriere all'Utilizzazione

Barriera Impatto Frequenza Gravità Versione
Immagini funzionali senza alt 1 2 minore Vecchia
Link Generici 2 2 serio Vecchia e Nuova
Link Ambigui 2 2 serio Vecchia
Script 3 2 critico Vecchia e Nuova
Form senza Label 1 3 serio Nuova

Barriere alla Comprensione

Barriera Impatto Frequenza Gravità Versione
Tabelle Dati 3 2 critico Vecchia e Nuova
Titoli 1 3 serio Vecchia
Lingua 1 2 minore Vecchia e Nuova
Spacer e decorazioni 1 2 minore Nuova
Titoli Frame 1 3 serio Nuova

Barriere al Controllo da parte dell'Utente

Barriera Impatto Frequenza Gravità Versione
Access Key 1 3 serio Vecchia
Testo Non Ridimensionabile 2 3 critico Vecchia
Skip Links 1 2 minore Vecchia
Layout non ridimensionabile 2 2 serio Nuova



Barriere alla Percezione

Immagini ricche senza alt

Un utente non vedente di un lettore di schermo che non percepisce le informazioni presenti in un diagramma, istogramma, foto, organigramma. La causa la mancanza di un'appropriato testo collegato all'immagine (alt, longdesc, D-link, testo adiacente all'immagine).

Pagina: Bacino del Reno

Gravità: minore con impatto = 1 e frequenza = 1.

Versione del sito: Prima e dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: Al centro di questa pagina vi un'immagine raffigurante il bacino del reno: Fiume reno e varie valli vicine. Tale immagine, già di diffice comprensione per un vedente, non accompagnata da un testo alternativo, rendendo impossibile la comprensione per chi fa uso di un lettore di schermo.

Codice HTML: <img border="0" src="images/AbR_2.jpg" width="387" height="368">

Movimento

Titoli lampeggianti o oggetti in movimento possono non essere percepiti da utenti con problemi visivi (diversi da ipovedenti).

Pagina: Consiglio

Gravità: minore con impatto = 1 e frequenza = 2.

Versione del sito: Prima e dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: Nella pagina del Consiglio ci sono due barriere al movimento: la prima è il link alla versione inglese che è lampeggiante, la seconda è l'applet con le news in movimento. In entrambi i casi c'è il rischio che un utente con problemi visivi non sia in grado di percepire i link e con l'applet (tra l'altro di dimensioni decisamente ridotte) un utente con problemi motori non riescirà a selezionare un link. Il codice si riferisce a questa pagina.

Anche nella pagina dei Servizi Sanitari vi è un applet con le news che scorrono (in orizzontale questa volta) rendendo magari più semplice la possibilità di cliccare sul link desiderato, ma più difficoltosa la percezione visiva per persone con seri problemi agli occhi.

Codice HTML: <applet code="yavs.class" codebase="./" width="250" height="43">
<param name="MSGTEXT" value="file.txt">
<param name="BGIMAGE" value="grafica/sf_chiaro.gif">
<param name="HREFCOLOR" value="#007150">
<param name="LINKCOLOR" value="#FF0018">
<param name="SPEED" value="40">
<param name="PAUSE" value="2000">
<param name="MOUSEOVERHOLD" value="YES">
<param name="WAITTEXT" value="NO">
<param name="FONTNAME" value="Verdana">
<param name="FONTSIZE" value="9">
<param name="HPAD" value="5">
<param name="VPAD" value="5">
</applet>

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: Pari opportunità

Gravità: serio con impatto = 2 e frequenza = 2.

Versione del sito: Dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: Questa pagina è formata da 3 frame, una in alto per l'intestazione, una a sinistra per il menu, ed infine una a destra per come corpo centrale. Per l'utente di lettore di schermo (vecchia versione) non c'è altro da fare che rinunciare o installare una versione più recente del lettore di schermo.

Analogalmente anche la pagina del Consiglio è formata da frame.

Codice HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN" "http://www.w3.org/TR/REC-html40/frameset.dtd">

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: Comunicati Stampa

Gravità: minore con impatto = 1 e frequenza = 2.

Versione del sito: Prima dell'aggiornamento del 30 maggio 2005.

Descrizione: In questa pagina vi sono due immagini funzionali, due link ai comunicati stampa dell'Assemblea legislativa e della Giunta, sprovvisti di alt che non permettono ad un utente cieco di lettore di schermo n di sapere che link attivare, n tanto meno che tipi di comunicati sono presenti nel sito.

Codice HTML: <a href="http://consiglio.regione.emilia-romagna.it/fr_eve_com.htm" target="_blank">
<img SRC="/images/comcons.gif" BORDER="0" width="370" height="30">
</a>

Link Generici

Link con etichette non informative (e.g. 'clicca qui') che non permettono ad un utente cieco di un lettore di schermo di selezionare il link corretto quando viene usata la funzione link list.

Pagina: Consiglio

Gravità: serio con impatto = 2 e frequenza = 2.

Versione del sito: Prima e dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: Un utente non vedente in questa pagina che desidera ricevere i contenuti in lingua inglese è impossibilitato per colpa dell'immagine-link che viene percepita (grazie al testo alternativo) come "Benvenuti nel Sito".. L'unica possibilità che questo utente ha per raggiungere lo scopo è quella di attivare prima la versione solo testo e poi attivare il link English.

Codice HTML: <img src="grafica/banda_sx.gif" alt="Benvenuti nel Sito" WIDTH="63" HEIGHT="319" usemap="#Map" border="0">
...
<map name="Map">
<area shape="rect" coords="5,3,59,16" href="english" target="_self">
</map>


Pagina: Home Page. Nel corpo centrale della pagina, nella lista dei richiami alle ultime notizie.

Gravità: minore con impatto = 1 e frequenza = 2.

Versione del sito: Prima e dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: Ogni singolo richiamo è formato da due link alla notizia, uno sulla sinistra con un'immagine e uno a destra col titolo, una descrizione e a volte un link ad un file audio. L'utente con lettore di schermo che inizialmente si posizionerà nel link con immagine potrà percepire il contenuto della figura grazie al testo alternativo ma non attiverà il link in quanto non avrà alcuna idea di dove andrà a finire. Sarebbe opportuno o spostare a destra l'immagine rispetto al titolo della notizia o togliere il link dall'immagine.

Codice HTML: <a href="/wcm/NotizieUfficioStampa/2005/mag/mostrasalute.htm">
<img src="/wcm/NotizieUfficioStampa/2005/mag/mostrasalute/imghome.jpg" border="0" align="left" hspace="5" alt="Felice Borselli, Natura morta con pesche, Olio su tela, 1710 ca. Piacenza, Museo Civico di Palazzo Farnese - galleria fotografica IBC www.ibc.regione.emilia-romagna.it/" width="134" height="101">
</a>

Link Ambigui

Link con diversa destinazione che hanno la stessa etichetta (e.g. ripetizioni di link 'Buy' per vari prodotti) che non permettono ad un utente cieco di un lettore di schermo di selezionare il link corretto quando viene usata la funzione link list.

Pagina: Home page. Nel corpo centrale della pagina, nella lista dei richiami alle ultime notizie.

Gravità: serio con impatto = 2 e frequenza = 2.

Versione del sito: Prima dell'aggiornamento del 30 maggio 2005.

Descrizione: Ogni singolo richiamo è formato da due link alla notizia, uno sulla sinistra con un'immagine e uno a destra col titolo, una descrizione e a volte un link ad un file audio. L'utente con lettore di schermo che attiverà la funzione di link list troverà una serie di link "audio" tutti uguali e non sarà in grado di scegliere quello corretto.

Codice HTML: <a href="/wcm/NotizieUfficioStampa/2005/mag/mostrasalute.htm#file">
<img src="/images/audio.gif" alt="Notizia con contenuto multimediale" border=0>
</a>

Script

Pagine che utilizzano degli script possono non essere visualizzate correttamente o non essere visualizzate affatto se l'utente per motivi di sicurezza ha disabilitato l'uso di script.

Pagina: Consiglio

Gravità: critico con impatto = 3 e frequenza = 2.

Versione del sito: Prima e dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: Provando ad accedere dalla Home Page alla pagina del Consiglio con 'Esecuzione script' disattivata il browser (Internet Exolorer 6) visualizza una pagina vuota.

Codice HTML: <!--webbot bot="ImageMap" rectangle="(306,5) (334,17) fr_eve_link.htm" rectangle="(251,4) (293,18) fr_mail.htm" rectangle="(177,6) (238,18) fr_cons_intra.htm" rectangle="(84,6) (165,17) fr_att_bd.htm" rectangle="(22,5) (74,16) http://www.regione.emilia-romagna.it/index.htm##_blank" border="0" src="grafica/banda_home1.gif" alt="Consiglio Regionale Emilia-Romagna" startspan -->


Pagina: Leggi e Regolamenti

Gravità: critico con impatto = 3 e frequenza = 2.

Versione del sito: Dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: Provando ad accedere dalla Home Page alla pagina delle Leggi e dei Regolamenti con 'Esecuzione script' disattivata il browser (Internet Exolorer 6) visualizza una pagina vuota.

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: Nella sezione ricerca della pagina Leggi e Regolamenti

Gravità: serio con impatto = 1 e frequenza = 3.

Versione del sito: Dopo dell'aggiornamento del 30 maggio 2005.

Descrizione:

Codice HTML: ...

<tr>
<td>
<div align="right">
<p class="Descrizione">
Tipo
</p>
</div>
</td>
<td>
<select name="tipo" id="tipo">
<option value="0">
tutti
</option>
<option value="legge regionale">
legge regionale
</option>
<option value="regolamento regionale">
regolamento regionale
</option>
<option value="deliberazione del consiglio regionale">
regolamento interno
</option>
</select>
</td>
</tr>

...

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: Tasse di concessione regionale in Guida ai tributi Regionali

Gravità: critico con impatto = 3 e frequenza = 2.

Versione del sito: Prima e dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: In questa pagina un utente con lettore di schermo che desidera anche solo avere una vaga idea delle tariffe relative a licenza di appostamento fisso di caccia, concessione di costituzione di centri privati di produzione selvaggina, ecc.. non puo', a causa dell'inaccessibilità totale della tabella che riporta tali tariffe. Come si puo' vedere dal codice e dall'immagine sotto riportati, la tabella è sprovvista degli Headers e degli attributi fondamentali quali summary e scope. Inoltre sono state usate celle popolate da un solo spazio, rowspan per righe multiple, liste puntate dentro le celle che contribuiscono a rendere impossibile la comprensione del contenuto della tabella da parte dell'utente non vendente. E come non bastasse alcune celle relative alla concessione sono state usate come titoli per delle "sotto tabelle" che solo grazie alla vista possono essere percepite.

Codice HTML: <table cellspacing="0" cellpadding="2" border="1" width="90%">

<tr>
<td>CONCESSIONE </td>
<td>TASSA DI RILASCIO EURO </td>
<td>TASSA ANNUALE EURO </td>
<td>TERMINI DI PAGAMENTO </td>
</tr>

<tr>
<td><b>Licenza di appostamento fisso di caccia</b> </td>
<td>55,78 </td>
<td>  </td>
<td>All'atto del rilascio della licenza annuale.<br> Per licenze con durata pluriennale il pagamento della tassa comunque annuale. </td>
</tr>

<tr>
<td><b>Concessione di costituzione di aziende faunistico-venatoria</b></td>
<td> </td>
<td> </td>
<td rowspan="3" valign="top">Per il primo anno all'atto del rilascio della concessione.<br>Successivamente entro il 31 gennaio dell'anno cui si riferisce. </td>
</tr>

...

</table>

Immagine:

tabella non accessibile

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: Tutte le pagine formate da due frame (ad esempio tutte quelle raggiungibili dalla Home Page nella sezione 'Cerca per Argomento' in basso a sinistra)

Gravità: serio con impatto = 1 e frequenza = 3.

Versione del sito: Prima dell'aggiornamento del 30 maggio 2005.

Descrizione: Nelle pagine formate da due frame il titolo è sempre lo stesso: ERMES - Emilia-Romagna Messaggi, come quello della Home Page.

Codice HTML: <title>ERMES - Emilia-Romagna Messaggi</title>

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: In quasi tutte le pagine in cui ci sono parole straniere (ad esclusione della parte del template, ad esempio nei menu e nel footer). Il codice si riferisce alla pagina con la notizia Una firma per "Saving Children"

Gravità: minore con impatto = 1 e frequenza = 2.

Versione del sito: Prima e dopo dell'aggiornamento del 30 maggio 2005.

Descrizione: Le parole straniere che non siano nel template (ad esempio nel menu o nel footer) non sono contraddistinte dall'attributo lang non permettendo quindi un lettore di schermo di leggere la parola nel modo adeguato.

Codice HTML: <title>Una firma per "Saving Children" - ERMES - Emilia-Romagna Messaggi</title>
...
<b>progetto "Saving Children"</b>
...

Spacer e decorazioni

Spacer senza alt="" disturbano un utente non vedente, che usa lettore di schermo, in quanto si sentirà leggere ogni volta il nome del file immagine dello spacer. Analogalmente l'alt in un'immagine decorativa è complemtamente inutile, anzi di disturbo.

Pagina: Ufficio per le relazioni con il pubblico

Gravità: minore con impatto = 1 e frequenza = 1.

Versione del sito: Dopo l'aggiornamento del 30 maggio 2005.

Descrizione: L'immagine del mouse è accompagnata da un alt, ma un utente non perde solo tempo a "sentire" questa decorazione.

Codice HTML: <img src="images/mous2.gif" alt="Immagine di un mouse 2" width="287" height="104">

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: Pari opportunità

Gravità: serio con impatto = 1 e frequenza = 3.

Versione del sito: Dopo l'aggiornamento del 30 maggio 2005.

Descrizione: Questa pagina è formata da 3 frame, una in alto per l'intestazione, una a sinistra per il menu, ed infine una a destra per come corpo centrale. Solo la frame dell'intestazione (la meno utilizzata da qualunque utente) è provvista di titolo, le altre due, le più importanti, no. Questo problema è serio perché appunto si presenta molte volte durante lo svolgimento di un compito all'interno di quelle pagine.

Codice HTML: <title>Untitled Document</title>

Barriere al Controllo da parte dell'Utente

Access Key

Mancanza di tasti rapidi (access key) che fanno s che disabili motori non possano attivare certi link in maniera rapida e sicura.

Pagina: In quasi tutte le pagine.

Gravità: serio con impatto = 1 e frequenza = 3.

Versione del sito: Prima dell'aggiornamento del 30 maggio 2005.

Descrizione: Fatta ecccezione per pochissime pagine (es. Sede di Roma o Pace e diritti umani) per un disabile motorio non vi è la possibilità di utilizzare access key (tasti rapidi) per il richiamo dei link.

Testo Non Ridimensionabile

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

Pagina: In quasi tutte le pagine.

Gravità: critico con impatto = 2 e frequenza = 3.

Versione del sito: Prima dell'aggiornamento del 30 maggio 2005.

Descrizione: Fatta eccezione per pochissime pagine (es. Servizi WAP o Corte Costituzionale) il testo delle pagine non ridimensionabile in alcuno modo, di conseguenza persone ipovedenti sono costrette ad usare un ingranditore di schermo o rinunciare alla navigazione.

Pagina: Bollettino ufficiale

Gravità: critico con impatto = 2 e frequenza = 3.

Versione del sito: Dopo l'aggiornamento del 30 maggio 2005.

Skip Links

Mancanza di skip links nascosti che fanno s che utenti non vedenti di lettori di schermo non possano velocemente saltare il materiale preliminare di una pagina.

Pagina: In tutte le pagine del sito.

Versione del sito: Prima dell'aggiornamento del 30 maggio 2005.

Gravità: minore con impatto = 1 e frequenza = 2.

Descrizione: In nessuna delle pagine del sito della regione emilia-romagna ci sono skip links nasconsi, di consenguenza, non potendo saltare il materiale preliminare di ogni pagina, l'utente con lettore di schermo dovrà prestare più attenzione e perdere sicuramente più tempo di quello che sperava.

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: Consiglio, Pari opportunità, ..

Versione del sito: Dopo l'aggiornamento del 30 maggio 2005.

Gravità: serio con impatto = 2 e frequenza = 2.

Descrizione: Le pagine in questione, che non sono le sole a presentare questa barriera, non permettono il ridimensionamento del layout. Questo compromette la comprensione e fa perdere tempo notevolmente ad un utente di ingranditore di schermo, in quanto se la finestra non visualizza tutto il contenuto in larghezza (oltre che in altezza per esempio) l'utente dovrà preoccuparsi di spostarsi continuamente (compito per altro non semplice con ingranditore di schermo) per interagire con le barre di scroll. Tutto ciò senza perdere il filo del discorso del testo che sta cercando di leggere..