Simulazione Euristica della regione Marche

Analisi delle pagine

Presentazione

Guardando gli indirizzi web delle pagine analizzate, si nota che si riferiscono a tre portali distinti:

Per questo motivo l'analisi verrà suddivisa in tre sezioni, una per portale.

Torna all'inizio della pagina


Portale regione Marche

Barriera 1: immagini ricche senza alt

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravitÓ:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Immagine - Alterna immagini/testi alternativi" e "Immagini - Elenco delle immagini utilizzate" presente nella barra dell'accessibilità di Internet Explorer. La barriera si incontra molto spesso all'interno del sito in questione. Molte volte sono immagini che non danno alcuna informazione aggiuntiva al contesto come per esempio i simboli per gli elenchi puntati.

immagine elenchi puntati

Ma altre volte sono immagini funzionali alla corretta comprensione della pagina, come per esempio i pulsanti "ALTRE" e "TUTTI I SITI DELLA REGIONE" posizionati nel corpo centrale della homepage.

immagine pulsante ALTRE

immagine pulsante TUTTI I SITI DELLA REGIONE

Altre immagini significative sono quelle che contengono il testo delle sottosezione nel menù di navigazione laterale.

immagine testo sottosezione

Altre immagini significative senza un valore all'interno dell'attributo alt sono presenti nel menù laterale di destra che dovrebbero collegare l'utente alla tv regionale.

immagine di immagini significative senza ALT

Commento a parte va fatto per le immagini dei numeri verdi della regione: infatti per queste immagini non esiste alcun elemento alt, ma il testo posizionato a fianco di queste è esauriente.

immagine di immagini con numero di telefono ma non presente nell'ALT

Barriera 5: contrasto

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Colore - Analisi del contrasto" presente nella barra dell'accessibilità di Internet Explorer.

immagine funzionalità Analisi del Colore

Tale barriera viene misurata come somma dei contrasti di luminosità e di colore. Molte volte il contrasto luminoso è sufficiente mentre quello di colore è sotto la soglia limite consigliata. Esempi di tale barriera sono le voci del menù laterale e i collegamenti nelle pagine relative alle news (nel corpo centrale).

immagine no contrasto tra sfondo e testo

immagine no contrasto tra sfondo e testo

immagine no contrasto tra sfondo e testo

Barriera 9: ascii art

Utente coinvolto: utente con problemi visivi (utente vocale)

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: la barriera si presenta sempre. Il caso ecclatante è il carattere ">" presente a fianco ad ogni voce del menù laterale sinistro. Un utente che utilizza un browser vocale sentirà ripetere questo simbolo prima di ogni voce del menù.

Barriera 11: immagini funzionali senza alt

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera si utilizzano gli stessi strumenti utilizzati per la barriera 1 (immagini ricche senza alt). Un'immagine funzionale senza alt è quella relativa ai numeri telefonici verdi della regione.

immagine di immagini con numero di telefono ma non presente nell'ALT

La barriera è stata rilevata solo nell'homepage del sito.

Barriera 12: link generici

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: tale barriera viene riscontrata quando in un browser testuale quale Lynx, alcuni collegamenti assumono valore [LINK], che evidentemente non è esauriente. Tale situazione si presenta per esempio per alcuni simboli a fianco di collegamenti e per immagini che richiamano il layout di una pagina da aprire.

immagine elenchi puntati

immagine che richiama i layout dei vari siti

Barriera 16: eventi mouse

Utente coinvolto: utente testuale

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Gestori di eventi" presente nella barra dell'accessibilità di Internet Explorer.

immagine funzionalità Gestori di eventi

Tale barriera viene riscontrata solamente nelle pagine relative ai canali Turismo e Trasporti e sono riferite alle form che si trovano in fondo alla pagine. Infatti tali form sono attivate mediante un gestore di eventi in Javascript "onchanges". Un utente che utilizzi un browser testuale è impossibilitato ad utilizzare tali form.

immagine di una form non accessibile

Barriera 23: nuove finestre pop up

Barriera 24: finestre sovrapposte

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Javascript/Apertura nuove finestre" presente nella barra dell'accessibilità di Internet Explorer.

immagine funzionalità Javascript/Apertura nuove pagine

Tale barriera viene rilevata quando si clicca sui collegamenti del corpo centrale nelle sezioni Turismo e Trasporti.

immagine collegamenti che aprono nuove finestre

L'utente non viene avvisato del cambio di focus e dell'apertura di una nuova finestra. In particolare un utente con ingranditore di schermo potrebbe non accorgersi del cambio di finestra attiva, comportando un disorientamento e un successivo abbandono del compito iniziato.

Barriera 26: form senza label

Utente coinvolto: utente con problemi visivi e utenti testuali

Livello di gravità:
impatto frequenza gravità
1 1 1

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Elementi fieldset / labels" presente nella barra dell'accessibilità di Internet Explorer. Nessuna form esaminata contiene elementi label anche se in tutti i casi le etichette testuali sono inserite prima dei controlli in maniera corretta.

Barriera 28: tabelle di impaginazione

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Linearizza" presente nella barra dell'accessibilità di Internet Explorer. Mediante tale funzionalità le voci dei menù laterali vengono visualizzate una dopo l'altra senza separazioni.

immagine effetto funzionalità Linearizza

Barriera 29: titoli

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
1 1 1

Descrizione: il titolo della pagina potrebbe essere molto più espressivo: potrebbe per esempio contenere informazioni sulla sezione del sito in cui si si trova.

Barriera 30: lingua

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Informazioni meta - Mostra gli attributi lang" presente nella barra dell'accessibilità di Internet Explorer.

immagine funzionalità Lingua

In tutto il sito non c'è nessun attributo lang. Questo causa notevoli problemi per un utente che utilizza un browser vocale, poiché molte parole non verranno interpretate in modo corretto.

Barriera 32: suddivisione in sezioni

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Intestazioni" presente nella barra dell'accessibilità di Internet Explorer.

immagine funzionalità Intestazioni

Questo causa una lettura più difficoltosa del testo all'interno delle pagine poiché non ci sono indicazioni sulla sua struttura. Barriera riscontrata sia da un utente testuale che da uno che utilizza un lettore di schermo. L'unica pagina strutturata con gli elementi di intestazione è quella relativa alla news ricercata.

Barriera 33: access key

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Accesskey" presente nella barra dell'accessibilità di Internet Explorer.

immagine funzionalià AccessKey

Nessuna pagina analizzata contiene Access Key.

Barriera 34: troppi link

Barriera 37: skip links

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: il menù laterale è molto lungo: ogni voce è un collegamento ed inoltre anche il carattere ">" a fianco di ogni voce è ulteriore collegamento alla pagina puntata dalla voce in questione. La mancanza di uno skip links comporta una perdita di tempo non indifferente per un utente che utilizza un browser testuale e ancor più per un utente che naviga mediante un lettore di schermo. Questo incide molte volte sulla soddisfazione dell'utente e sopratutto sulla sua produttività.

Barriera 35: testo non ridimensionabile

Barriera 36: layout non ridimensionabile

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata lè funzionalità "Ridimensiona" e "Opzione IE - Grandezza carattere" presente nella barra dell'accessibilità di Internet Explorer. Molte volte infatti il testo è codificato con valori assoluti, che comporta l'impossibilità di ingrandirlo a piacimento mediante il proprio browser. Inoltre il layout della pagina è un layout fisso impostato su schermi 800x600 il che comporta la comparsa delle barre di scorrimento per schermi con risoluzioni inferiori.

Barriera 38: versione solo testo

Utente coinvolto: utente con problemi di vista

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: la versione solo testo del sito esiste, ma dalle varie pagine del portale cliccando sul collegamento "Modalità testuale" si ritorna sempre alla versione solo testo della homepage da cui bisogna ricominciare il percorso di navigazione effettuato per tornare alla pagina di interesse. Questo comporta molte volte un calo della soddisfazione e della produttività. Molte volte inoltre le pagine raggiunte dalla versione solo testo non rispecchiano del tutto la pagina in versione grafica normale.

Torna all'inizio della pagina


Trasporti regione Marche

Barriera 1: immagini ricche senza alt

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Immagine - Alterna immagini/testi alternativi" e "Immagini - Elenco delle immagini utilizzate" presente nella barra dell'accessibilità di Internet Explorer. La barriera si riscontra solamente nella homepage in particolare nell'immagine centrale e nella cartina del tempo meteorologico; in particolare in quest'ultima si sarebbe potuto scrivere in versione testo le previsione del meteo.

Barriera 5: contrasto

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Colore - Analisi del contrasto" presente nella barra dell'accessibilità di Internet Explorer. Il colore del testo delle voci del menù laterale di sinistra non genera un contrasto sufficiente.

immagine menù con contrasto non sufficiente

Stessa cosa vale per le scritte dell'immagine centrale.

immagine logo centrale pagine dei trasporti

Il contrasto della pagina relativa agli utenti agevolati il contrasto tra sfondi e testo è sufficiente per una buona lettura.

Barriera 13: link ambigui

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: nella pagina relativa alla mappa del sito, ci sono link con stessa etichetta che puntano a differenti pagine.

immagine menù con voci ambigue

Barriera 16: eventi mouse

Utente coinvolto: utente testuale

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Gestori di eventi" presente nella barra dell'accessibilità di Internet Explorer. Tale barriera viene riscontrata solamente nella homepage e nella pagina della mappa del sito. Nell'homepage se si disattivano i controlli Javascript, le form per la ricerca dei treni nel corpo centrale della pagina, non funzionano.

immagine form funzionante solo con supporto Javascript abilitato

Inoltre alcuni link del menù di navigazione di sinistra non funzionano.

Barriera 20: form ampie

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: nell'homepage la form relativa agli orari dei voli della regionali è troppo grande e quindi necessita di barre di scorrimento.

immagine di una form troppo ampia per la pagina

Barriera 23: nuove finestre pop up

Barriera 24: finestre sovrapposte

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Javascript/Apertura nuove finestre" presente nella barra dell'accessibilità di Internet Explorer. Ci sono alcuni link che causano l'apertura di nuove finestre senza avvisare l'utente del cambio della finestra attiva.

Barriera 26: form senza label

Utente coinvolto: utente con problemi visivi e utenti testuali

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Elementi fieldset / label" presente nella barra dell'accessibilità di Internet Explorer. Nella homepage le form non hanno gli elementi label e se si linearizza la pagina gli elementi della form si mescolano con gli altri elementi vicini.

Barriera 27: tabelle dati

Utente coinvolto: utente con problemi visivi e utenti testuali

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Linearizza" presente nella barra dell'accessibilità di Internet Explorer. Nella pagina relativa agli utenti agevolati del trasporto pubblico, la tabella contenente i dati non è codificata in modo corretto.

immagine effetto funzionalità Linearizza

Barriera 28: tabelle di impaginazione

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Linearizza"presente nella barra dell'accessibilità di Internet Explorer. Mediante tale funzionalità gli elementi delle form si mescolano assieme agli altri elementi (testo e immagini) della pagina.

Barriera 29: titoli

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
1 1 1

Descrizione: il titolo della pagina potrebbe essere molto più espressivo: potrebbe per esempio contenere informazioni sulla sezione del sito in cui si si trova.

Barriera 30: lingua

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Informazioni meta - Mostra gli attributi lang" presente nella barra dell'accessibilità di Internet Explorer. In tutto il sito non c'è nessun attributo lang. Questo causa notevoli problemi per un utente che utilizza un browser vocale, poiché molte parole non verranno interpretate in modo corretto.

Barriera 32: suddivisione in sezioni

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Intestazioni" presente nella barra dell'accessibilità di Internet Explorer. Questo causa una lettura più difficoltosa del testo all'interno delle pagine poiché non ci sono indicazioni sulla sua struttura. Barriera riscontrata sia da un utente testuale che da uno che utilizza un lettore di schermo. L'unica pagina strutturata con gli elementi di intestazione è quella relativa alla news ricercata.

Barriera 33: access key

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Accesskey" presente nella barra dell'accessibilità di Internet Explorer. Nessuna pagina analizzata contiene Access Key.

Barriera 34: troppi link

Barriera 37: skip links

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: nella pagina relativa alla mappa del sito, la parte centrale è costituita per maggioranza da collegamenti alle varie pagine del portale dei trasporti regionali. La mancanza di uno skip links comporta una perdita di tempo non indifferente per un utente che utilizza un browser testuale e ancor più per un utente che naviga mediante un lettore di schermo, che potrebbero saltare i collegamenti per loro non interessanti e posizionarsi subito su quelli utili. Questo incide molte volte sulla soddisfazione dell'utente e soprattutto sulla sua produttività.

Barriera 35: testo non ridimensionabile

Barriera 36: layout non ridimensionabile

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata lè funzionalità "Ridimensiona" e "Opzione IE - Grandezza carattere" presente nella barra dell'accessibilità di Internet Explorer. Molte volte infatti il testo è codificato con valori assoluti, che comporta l'impossibilità di ingrandirlo a piacimento mediante il proprio browser. Inoltre il layout della pagina è un layout fisso. La pagina relativa agli utenti agevolati, è codificata in maniera tale che il layout venga modificato in maniera dinamica e anche il carattere si può ingrandire a piacimento.

Barriera 38: versione solo testo

Utente coinvolto: utente con problemi di vista

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: non esiste alcuna versione testuale del sito in questione.

Torna all'inizio della pagina


Turismo regione Marche

Barriera 1: immagini ricche senza alt

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Immagine - Alterna immagini/testi alternativi" e "Immagini - Elenco delle immagini utilizzate" presente nella barra dell'accessibilità di Internet Explorer. Il filmato di presentazione non contiene attributi alt. Nelle altre pagine gli attributi vengono usati ma molte volte non in modo corretto. Infatti molte volte viene inserito il valore "www.turismo.marche.it": per un utente che utilizza un lettore di schermo, questo può portare ad un calo della soddisfazione e dell'attenzione. Inoltre certe volte, quando l'immagine raffigura una scritta o un'informazione, questa non viene riportata come valore dell'attributo alt.

immagine numero verde telefonico

Un altro esempio sono i collegamenti nel menù di destra per le versioni del sito in lingue straniere: per un utente che utilizza un browser testuale, è impossibile capire a cosa si riferiscono i link poiché l'unica etichetta che si vede è [LINK].

immagine di immagini ricche ma che non contengono alcun alt significativo

Barriera 5: contrasto

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Colore - Analisi del contrasto" presente nella barra dell'accessibilità di Internet Explorer. Si nota che molte volte il contrasto di colore o di luminosità non è sufficiente per una buona lettura.

Barriera 8: movimento

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: il filmato della pagina di presentazione potrebbe causare problemi a utenti con particolari patologie visive.

Barriera 14: rollover in Javascript

Barriera 15: modifiche dinamiche

Utente coinvolto: utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: i pulsanti sotto il banner nella homepage, hanno un rollover generato in Javascript. Disattivando il supporto Javascript, tali pulsanti scompaiono.

immagine menù Javascript

Barriera 16: eventi mouse

Utente coinvolto: utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Gestori di eventi" presente nella barra dell'accessibilità di Internet Explorer. Ci sono gestori di eventi che vengono attivati mediante il mouse. Un utente che non utilizzi il mouse disabilitando il supporto Javascript, non è in grado di gestirli correttamente.

Barriera 23: nuove finestre pop up

Barriera 24: finestre sovrapposte

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Javascript/Apertura nuove finestre" presente nella barra dell'accessibilità di Internet Explorer. Ci sono alcuni link che causano l'apertura di nuove finestre senza avvisare l'utente del cambio della finestra attiva.

Barriera 28: tabelle di impaginazione

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Linearizza"presente nella barra dell'accessibilità di Internet Explorer. Le voci della sezione "Canali per il turista" vengono messe una di fianco all'altra.

immagine effetto funzionalità Linearizza

Stessa cosa succede per le voci dei rollover del menu posizionato sotto il banner; inoltre non sono più collegamenti attivi.

immagine menù con rollover senza supporto Javascript

Barriera 30: lingua

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Informazioni meta - Mostra gli attributi lang" presente nella barra dell'accessibilità di Internet Explorer. In tutto il sito non c'è nessun attributo lang. Questo causa notevoli problemi per un utente che utilizza un browser vocale, poiché molte parole non verranno interpretate in modo corretto.

Barriera 32: suddivisione in sezioni

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Intestazioni" presente nella barra dell'accessibilità di Internet Explorer. Questo causa una lettura più difficoltosa del testo all'interno delle pagine poiché non ci sono indicazioni sulla sua struttura. Barriera riscontrata sia da un utente testuale che da uno che utilizza un lettore di schermo.

Barriera 33: access key

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: per questa barriera è stata utilizzata la funzionalità "Struttura - Access key" presente nella barra dell'accessibilità di Internet Explorer. Nessuna pagina analizzata contiene Access Key.

Barriera 34: troppi link

Barriera 37: skip links

Utente coinvolto: utente con problemi visivi e utente testuale

Livello di gravità:
impatto frequenza gravità
2 2 2

Descrizione: la mancanza di uno skip links comporta una perdita di tempo non indifferente per un utente che utilizza un browser testuale e ancor più per un utente che naviga mediante un lettore di schermo.

Barriera 36: layout non ridimensionabile

Utente coinvolto: utente con problemi visivi

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: per questa barriera è stata utilizzata la funzionalità "Ridimensiona" e "Opzione IE - Grandezza carattere" presente nella barra dell'accessibilità di Internet Explorer. Il layout presentato è fisso.

Barriera 38: versione solo testo

Utente coinvolto: utente con problemi di vista

Livello di gravità:
impatto frequenza gravità
3 3 3

Descrizione: non esiste alcuna versione testuale del sito in questione.

Torna all'inizio della pagina

 

capitolo precedente | inizio | capitolo successivo

Logo Università di Udine Marco Sambo - Università di Udine, Laurea in Informatica (Vecchio Ordinamento)