SIMULAZIONE EURISTICA PER LA VERIFICA DELL'ACCESSIBILITA' DEL COMUNE DI VENEZIA

 Prefazione

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

Componenti del gruppo

Data di ultima modifica: 12 Aprile 2007

Indice

Introduzione

In questo incarico l'intento è quello di esaminare il sito del comune di tolmezzo per verificare con certezza che tutte le funzionalità e tutti gli elementi riguardanti il sito siano agibili anche da parte di persone disabili o disabilitate dalla tecnologia che utilizzano (come ad esempio l'uso del cellulare o altri dispositivi da parte di persone non disabili). Gli utenti che hanno queste mancanze fisiche sono persone che hanno i seguenti handicap: sono utenti sordi, ipovedenti, cechi, con difficoltà motorie, che necessitano quindi di usufruire delle tecnologie assistive edelle linee guida per giungere all'accessibilità.Si cerca di giugere a queste finalità utilizzando la strumentazione consigliata dal professor Brajnic Giorgio (reperibile in questo indirizzo: Brajnic Giorgio). Questa tecnica si chiama simulazione euristica, è un procedimento di perizia per l'universalità d'uso, utile per comprovare la non accessibilità, ha l'intento di segnalare le barriere che limitano la navigazione dell'utente.

Ritorna al sommario

Descrizione del metodo utilizzato

La simulazione euristica per quanto ci riguarda comporta a decidere quale scenario su cui svolgere, stabilire uno o più classi di disabili di cui prenderne atto, per poi controllare se alcune barriere sono emerse per le disabilità e lo scenario scelto. Iniziando da queste barriere noi abbiamo avuto il compito di trattare molte pagine analizzandole, per verificare quale tra queste si sono riscontrate complicate; sono difficili da parte di coloro che hanno queste difficoltà d'uso (ad esempio per navigare, cercare informazioni ecc). Noi valutatori abbiamo cercato di valutare con attenzione ogni barriera che è emersa per poterne valutare l'impatto che hanno avuto sull'utente e successivamente associare un corretto livello di gravità con la respettiva frequenza con cui questa si presenta. Noi valutatori andremo a definire una scala d'importanza per le avversità riscontrate stabilendo così i respettivi livelli di efficacia, produttività, soddisfazione e sicurezza del sito.

Il test è stato condotto utilizzando un computer portatile con le seguenti caratteristiche:

Ritorna al sommario

Categorie di utenti

Gli utenti che sono stati controllati per quanto riguarda lapresenza di barriera di accessibilità sono:

  1. utenti non vedenti che usano lettori di schermo o broswerparlanti ed eventualmente barre braile;
  2. utenti ipovedenti di ingranditore di schermo
  3. persone non udenti e con gravi difetti di udito
  4. persone con manomazioni fisiche per le quali l'uso del web può essere influenzato dalla mancanza di controllo muscolare o nervoso delle braccia e mani, da tremore o dalla mancanza di agibilità della vita e delle mani;
  5. utenti daltonici
  6. utenti di palmari

Ritorna al sommario

Barriere di accessibilita'

Le barriere di accessibilità possono essere suddivise in 4 classi:

Ritorna al sommario

Livelli di gravita'

Per una buona valutazione abbiamo associato i problemi visti ad un corretto livello di gravità in modo da classificare le difficoltà riscontrate per poi trarne delle conclusioni utili a noi valutatori, per un cambiamento produttivo e favorevole alle diverse necessità, quindi abbiamo preso in considerazione due parametri imporatanti l'impatto, frequenza e la gravit à, dove la gravità è determinata da quanto il problema influisce negativamente nella navigazione e nella frequenza con cui si presenta. Ad ognuno di questi parametri va assegnato un valore in una scala ad 1 a 3, dove 1 indica un problema minore, 2 indica un problema serio e infine 3 che riguarda un problema critico. Facendo riferimento all' impatto, i valori vengono disegnati usando queste occortezze:

Per quanto riguarda la frequenza i valori possono essere:

Attraverso l'uso di questa tabella è possibile valutare le gravità della barriera:

Tabella per calcolare la gravità di un difetto
Impatto Frequenza Gravità
1 1 Minore
1 2 Minore
1 3 Serio
2 1 Serio
2 2 Serio
2 3 Critico
3 2 Critico
3 3 Critico

Ritorna al sommario


Pagine valutate

Tutte le pagine del sito sono state valutate e analizzate con attenzione, alla fine abbiamo preso in considerazione solo le pagine che per noi erano più importanti per una buona stesura delle problematiche affrontate e dei possibili rimedi suggeriti.

  1. Home
  2. Comune
  3. Turismo
  4. Cultura
  5. Io sono
  6. Mi interessa
  7. Home/oggi in città

Ritorna al sommario

Analisi delle barriere

L'effetto prodotto dall'analisi delle barriere vengono riportate in 3 profili (Tipo di barriera, descrizione errore, Suggerimenti), dove andremo a specificare ed esporre in dettaglio gli ostacoli affrontati, proponendo le possibili soluzioni.

Barriera alla percezione

Tipo di barriera

  1. Gravità: minore Impatto 1 - Frequenza 1
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato
Descrizione errore:

Nella home page, il banner (città di Venezia) manca l'attributo "alt", nella parte centrale della pagina l'immagine riguardante l'alluvione del 17 settembre e quella seguente del logo di "venezia new" è presente l'alt nel codice ma è vuoto.

Prima foto: banner di Venezia

Banner città di venezia

<img src="../IMG_Sim_Eur_Venezia/SimEur_ImmagineSenzaAlt_banner.JPG" width="1097" height="94" alt=" " />

Seconda foto: che riguarda l'alluvione del 17 settembre

Alluvione del 17 settembre

codice: <img src="http://www.comune.venezia.it/flex/images/D.266d9064200665c49f63/gazzeraDSC_9767home.jpg" width="150" height="100" alt="" />

Terza foto: logo di Venezia

logo - venezia new

<img src="http://www.comune.venezia.it/flex/images/D.8d05e5306c3c0eee1f4c/logocvn.jpg" width="120" height="90" alt=" " />

Suggerimento:

Sarebbe opportuno specificare nell'attributo "alt" il significato della immagine.

Prima foto:

<img src="http://www.comune.venezia.it/flex/images/D.266d9064200665c49f63/gazzeraDSC_9767home.jpg" width="150" height="100" alt="Banner città di venezia " />

Seconda foto:

<img src="http://www.comune.venezia.it/flex/images/D.8d05e5306c3c0eee1f4c/logocvn.jpg" width="120" height="90" alt="Alluvione del 17 settembre " />

Terza foto:

<p><img src="http://www.comune.venezia.it/flex/images/D.8d05e5306c3c0eee1f4c/logocvn.jpg" width="120" height="90" alt="Logo - Venezia new " /></p>

Ritorna al sommario

Tipo di barriera

  1. Superato
  2. Superato
  3. Superato
  4. Superato
  5. Superato
  6. Superato
  7. Superato

Ritorna al sommario

Tipo di barriera

  1. Superato
  2. Superato
  3. Superato
  4. Superato
  5. Superato
  6. Superato
  7. Superato

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. Superato
  2. Superato
  3. Superato
  4. Superato
  5. Superato
  6. Superato
  7. Superato

Ritorna al sommario

Tipo di barriera

  1. Superato
  2. Superato
  3. Superato
  4. Superato
  5. Superato
  6. Superato
  7. Superato

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. Gravità: serio Impatto 2 - Frequenza 3
  2. superato
  3. superato
  4. superato
  5. superato
  6. Superato
  7. Superato
Descrizione errore:

Immagine mostra il fallimento degli ascii artImmagine mostra il fallimento degli ascii art

Nella sezione "Ogni citta", c'è un riquadro (calendario) che mostra i giorni della settimana e le frecce (elementi angolari) che permettono di passare al mese sucessivo o viceversa, tramite un collegamento ipertestuale.

Suggerimento:

L'uso di questi elementi angolari bisogna evitarlo in maniera tale che anche gli utenti che non vedono riescono tramite dispositivi assistivi ad ottenere le informazioni giuste e comprensibi. Quindi invece di usare elementi angolari sarebbe opportuno trovare delle soluzioni più accessibili, come ad esempio l'inserimento di una immagine simile al contesto, oppure utilizzare semplicemente il testo.

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Barriera all'utilizzazione

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  1. Superato
  2. Superato
  3. Superato
  4. Superato
  5. Superato
  6. Superato
  7. Superato

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. Superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Barriera alla comprensione

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. superato

Ritorna al sommario

Tipo di barriera

  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. superato

Nella sezione "Home/Oggi in città" la tabella raffigurante il calendario è stata realizzata rispettando tutti gli elementi per l'accessibilità.

Ritorna al sommario

Tipo di barriera

  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Visualizzando i titoli delle varie pagine abbiano notato che nella sezione "Mi interessa" il titolo viene riportato due volte. A parer nostro non è una violazione. E' comprensibile a tutti gli utenti dove si trovano in quel determinato punto, anche ad un utente cieco con lettore di schermo; è semplicemente una "svista" da parte del costruttore del sito, quindi secondo noi non è una violazione.

Ritorna al sommario

Tipo di barriera

  1. Gravità minore: Impatto 1 Frequenza 2
  2. Gravità minore: Impatto 1 Frequenza 2
  3. Gravità minore: Impatto 1 Frequenza 2
  4. Gravità minore: Impatto 1 Frequenza 2
  5. superato
  6. superato
  7. Gravità minore: Impatto 1 Frequenza 2
Descrizione errore:
LinguaImmagine mostra il fallimento della linguaImmagine mostra il fallimento della lingua

In queste sezioni manca l'attributo "lang".

Suggerimento:

Sarebbe opportuno usare l'appropriato attributo "lang" in tutte le pagine che presentono questa mancanza in modo tale da permettere agli utenti non vedenti che utilizzano un lettore di schermo di risalire alla lingua a cui appartengono, per una corretta lettura.

Ritorna al sommario

Tipo di barriera

  • 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.
  1. N.V
  2. N.V
  3. N.V
  4. N.V
  5. N.V
  6. N.V
  7. N.V

Ritorna al sommario

Tipo di barriera

  • suddivisione in sezioni: Pagine contenenti molto materiale, magari eterogeneo (come ad es. barre di navigazione, indici, news, ...) e prive di una loro suddivisione esplicita in gruppi usando i marcatori H2, H3, ... rendono complessa la loro consultazione. Un utente di un lettore di schermo potrebbe non rendersi conto di essere in una sezione non interessante. Questo È particolarmente grave quando l'utente esplora la pagina per cercare una determinata informazione.
  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  • immagini come titoli, non comprensibili: Talora è possibile vedere pagine web che usano immagini per presentare titoli di sezioni della pagina. Un utente di un lettore di schermo non potrà capire quel titolo a meno che l'immagine non sia corredata di testo alternativo nell'attributo ALT.
  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  • 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'efficienza con cui usa il sito web.
  1. Gravità: minore Impatto 1 - Frequenza 1
  2. Gravità: minore Impatto 1 - Frequenza 1
  3. Gravità: minore Impatto 1 - Frequenza 1
  4. Gravità: minore Impatto 1 - Frequenza 1
  5. Gravità: minore Impatto 1 - Frequenza 1
  6. Gravità: minore Impatto 1 - Frequenza 1
  7. Gravità: minore Impatto 1 - Frequenza 1
Descrizione errore:

Immagine che mostra il fallimento

In tutte questi sezioni è presente un banner situato nella parte superiore della pagina (immagine) dove riporta un testo scritto a mappa di bit "Città di venezia". Il titolo non potrà essere ridimensionato a piacimento da parte di persone ipovedenti, ma si dovranno utilizzare strumenti per l'accessibilità come il lettore di schermo e di conseguenza un minore campo visivo. Abbiamo preferito segnalare questo piccolo difetto perchè viene risolto con la descrizione dell'alt, anostro parere la scritta è sufficientemente grande da permettere una buona comprensione.


Suggerimento:

Sarebbe utile usare titoli non a mappa di bit in modo tale da poter essere ridimensionati in caso di necessità visiva.

Ritorna al sommario

Barriera alla comprensione

Tipo di barriera

  • access key: Mancanza di tasti rapidi (access key) che fanno sì che disabili motori non possano attivare certi link in maniera rapida e sicura.
  1. Gravità: seria Impatto 2 - Frequenza 2
  2. Gravità: seria Impatto 2 - Frequenza 2
  3. Gravità: seria Impatto 2 - Frequenza 2
  4. Gravità: seria Impatto 2 - Frequenza 2
  5. Gravità: seria Impatto 2 - Frequenza 2
  6. Gravità: seria Impatto 2 - Frequenza 2
  7. Gravità: seria Impatto 2 - Frequenza 2
Descrizione errore:

In tutto il sito è presente un unico access key e non funzionante.

Suggerimento:

Utilizzare più access key per poter velocizzare l'uso delle pagine del sito e per renderlo accessibile anche a persone disabili.

Ritorna al sommario

Tipo di barriera

  • troppi link: Troppi link nella pagina, che fanno sì che utenti ipovedenti di un ingranditore di schermo impiegino tanto tempo e fatica a trovare il link che cercano.
  1. Gravità: serio Impatto 1 - Frequenza 3
  2. Gravità: serio Impatto 1 - Frequenza 3
  3. Gravità: serio Impatto 1 - Frequenza 3
  4. Gravità: serio Impatto 1 - Frequenza 3
  5. Superato
  6. Superato
  7. Superato
Descrizione errore:
Immagine mostra il fallimento dei troppi linkImmagine mostra il fallimento dei troppi linkImmagine mostra il fallimento dei troppi link

In queste sezioni manca l'attributo "lang".

In questi sezioni sono presenti troppi link, sono stati suddivisi in sezioni però si presentono in modo omogeneo tra loro. Molte informazioni etichettate non hanno un giusto peso sia dal punto di vista visivo che informativo che possa guidare in qualche modo l'utente ipovedente alla ricerca delle informazioni con più naturalità e scioltezza.

Suggerimento:

Dare un giusto peso alle parti più indicative in modo tale che l'utente riesca da subito ottenere un processo logico più immediato e lo faciliti alla ricerca delle informazioni.

Ritorna al sommario

Tipo di barriera

  • testo non ridimensionabile: Testo che non è ridimensionabile, che non permette ad un utente ipovedente di usare la pagina anche senza ingranditore di schermo.
  1. Gravità: serio Impatto 2 - Frequenza 1
  2. Gravità: serio Impatto 2 - Frequenza 1
  3. Gravità: serio Impatto 2 - Frequenza 1
  4. Gravità: serio Impatto 2 - Frequenza 1
  5. Gravità: serio Impatto 2 - Frequenza 1
  6. Gravità: serio Impatto 2 - Frequenza 1
  7. Gravità: serio Impatto 2 - Frequenza 1
Descrizione errore:

In queste sezioni visionate mancano dei comandi utili al ridimensionamento del testo per consentire l'accesibilità anche di persone ipovedenti che non usano l'ingranditore di schermo.

Suggerimento:

Sarebbe utile inserire un riquadro oppure un pannello in css specificando le unità di grandenza dei caratteri, che in qualche modo possa guidare l'utente nella sua piena libertà di decidere il ridimensionamento del testo, una cosa simile è stata fatta nella sezione "Home".

Ritorna al sommario

Tipo di barriera

  • 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.
  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. Superato
  7. superato

Ritorna al sommario

Tipo di barriera

  • 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.
  1. Gravità: serio Impatto 2 - Frequenza 2
  2. Gravità: serio Impatto 2 - Frequenza 2
  3. Gravità: serio Impatto 2 - Frequenza 2
  4. Gravità: serio Impatto 2 - Frequenza 2
  5. Gravità: serio Impatto 2 - Frequenza 2
  6. Gravità: serio Impatto 2 - Frequenza 2
  7. Gravità: serio Impatto 2 - Frequenza 2
Descrizione errore:

Analogamente a quanto detto degli acceskey in tutte le sezioni non sono presenti gli skip-links nascosti non permettendo quindi un accesso diretto alle informazioni precise per gli utenti non vedenti che utilizzano i lettori di schermo. Difatti spesso e volentieri prima di arrivare al contenuto si deve scorrere una serie di collegamenti che occupa diverse schermate.

Suggerimento:

Sarebbe opportuno utilizzare gli skip-links cioè quelli che dovrebbero servire a far saltare le parti dedicate alla navigazione per portarti immediatamente ai contenuti principali, per ottenere questo bisogna individuare le parti che si ripetono nelle diverse sezioni in modo tale da utilizzarli per un accesso immediato. Bisogna essere accorti a quali parti di contenuto specifico devono essere prese più in considerazione rispetto ad altre sfruttando poi questo meccanismo.

Ritorna al sommario

Tipo di barriera

  • versione solo testo: La versione testuale del sito non aggiornata e non contenente tutte le informazioni disponibili nella versione grafica può portare gli utenti che, per vari motivi hanno deciso di utilizzarla, a credere che il sito sia carente di contenuto.
  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Tipo di barriera

  • controlli del browser disabilitati Le finestre che vengono aperte dal browser (non per iniziativa dell'utente) e che sono prive degli usuali controlli, come il tasto "indietro", "ricarica", "home", barra dell'URL, rende più difficile e faticosa la ricerca del link "indietro" da parte di un utente di ingranditore di schermo, il quale si trova costretto ad esplorare tutta la finestra per trovarlo.
  1. superato
  2. superato
  3. superato
  4. superato
  5. superato
  6. superato
  7. superato

Ritorna al sommario

Conclusioni

Il sito del comune di Venezia, a parer nostro è strutturato in maniera chiara con contenuti attendibili. Rispetto alla simulazione euristica del sito del comune di Tolmezzo presenta meno barriere di acessibilità. Inanzitutto non sono stati utilizzati i frame o animazioni in flash nella costruzione del sito e i contrasti sono ben chiari. Le form funzionano correttamente ma avrebbero bisogno di "suggerimenti" o piccoli aiuti nel caso in cui la ricerca non vada a buon fine. Oltre a questo abbiamo notato il problema della ascii art che potrebbero genereare disturbi ad utenti disabili con lettore di schermo; inoltre andrebbe corretto l'attributo lang perchè all'interno del sito sono presenti parole in lingua straniera che il lettore di schermo non saprebbe leggere correttamente. Per quanto riguarda la struttuta invece, alcune pagine sono costituite da troppi link e questo potrebbe generare disorientamento agli utenti e una difficile ricerca delle informazioni. Sarebbe opportuno dividere alcune parti del sito in più sezioni e in maniera più chiara, magari con l'utilizzo di colori o font differenti. Possiamo concludere che il sito di Venezia è stato fatto in modo accurato pur non rispettando alcuni aspetti citati precedentemente che però possono essere tranquillamente superati dal costruttore a differenza del sito de comune di Tolmezzo.