[Home] [User Testing] [Relazione di Conformità] [Salta questa barra di navigazione]

Simulazione Euristica

Introduzione

Abbiamo provato a simulare la navigazione del sito vedendolo attraversi il sito "http://colorfilter.wickline.org/", scegliendo il daltonismo di tipo "Tritan". Vi è una netta prevalenza dei colori caldi perché i daltonici con tipo di patologia vedono bene i colori rossie blu, ma poco i gialli.

Scenari:

  • Non vedente: Matteo anni 33, è cieco dalla nascita, ha imparato ad usare dispositivi braille per la scrittura e usa un pc con installato il sistema operativo Windows 2000. Naviga in internet usando Mozilla Firefox 1.5 e come tecnologia assistiva il lettore di schermo Jaws.
  • Ipovedente: Diego, anni 75 pensionato sa usare il computer da molto tempo, tuttavia ha imparato a navigare da poco e soffre di una fortissima miopia e presbiopia dovuta all'età e dal gran leggere. Fa molta fatica a distinguere i caratteri piccoli delle pagine web che visualizza con Mozilla FIrefox e per ovviare al problema usa il programma Home Page Reader su sistema operativo Windows XP, con funzione di ingranditore di schermo.
  • Daltonico: Giulio anni 24, studente di informatica usa normalmente il computer , con sistema operativo Mac os X Tiger e usufruisce di internet usando il brower Firefox. Tuttavia a causa del suo difetto genetico, preferisce navigare nei siti, mantendo il settaggio dei colori del monitor del proprio Mac in scala di grigio.
  • Disabile cognitivo: Arianna anni 20 disoccupata in cerca di occasioni di lavoro, usa un pc con sistema operativo Windows 2000 e Brower Mozilla Firefox, fa fatica a leggere e comprendere i testi, specialmente quelli i cui caratteri sono molto vicini, poichè soffre di dislessia visiva legata alla comprensione dei testi, mai curata.
  • Disabile tecnologico: Francesca anni 45, ha iniziato ad approcciarsi alle tecnologie informatiche poichè ha appena acquistato il suo primo pc con sistema operativo Windows Xp. I tecnici che le hanno installato il sistema operativo le hanno anche aggiunto il brower Mozilla Firefox, senza abilitare le funzioni javascript e lasciando attive le finestre di pop-up; funzioni che Francesca non è in grado di abilitare da sola.

Compiti:

  1. Operativo: L'utente deve scrivere al provincia attraverso il link "scrivici" messo a disposizione nel sito. Pagine toccate dal compito: home, modulo di contatto (link "scrivici" da home)
  2. Informativo: Si vuol trovare il responsabile dell'ufficio trasporti. Pagine toccate dal compito: home istituzione, uffici e direzioni, viabilità e trasporti, come fare per(links: autorizzazioni, autoscuole, leggi)

Immagini delle pagine visitate:

Per comodità chiameremo ogni pagina con il nome dell'etichetta del link per mezzo del quale la pagina si può raggiungere.
Pagine del compito operativo:

Pagine del compito informativo:

Barriere per utenti non vedenti

Immagini ricche senza alt
Nel sito non sono presenti molte immagini ricche; ognuna di esse presenta un alt, ma molte non hanno un alt adeguato o equivalente.
Ad esempio, nella home page è presente la "locandina" della mostra Caleidoscopio Missoni. In questa immagine è specificato anche il nome del palazzo che ospita la mostra, nonché la data di inizio e di fine esposizione.
l'alt invece presenta unicamente la dicitura "Mostra Caleidoscopio Missoni". In questo esempio si può comprendere come, con un alt non adeguato, un utente non vedente possa perdere informazioni utili.
Un secondo esempio è dato dalla presenza di un'immagine che raffigura il logo della provincia di Gorizia alla quale però è associato un alt che avvisa del divieto di riprodurre il logo senza autorizzazione. In tutto il testo dell'alt non si riesce ad associare in maniera semplice e chiara l'immagine all'alt stesso.
Un utente non vedente difficilmente si immaginerà uno stemma e soprattutto non potrà mai conoscere il contenuto testuale del logo: "Provincia di Gorizia la tua provincia on line".

Valutazione: [Compito Operativo] [Compito Informativo]

Valutazione: [Compito Operativo] [Compito Informativo]

Valutazione: [Compito Operativo] [Compito Informativo]

Eventi mouse
Per poter dare il conseso al trattamento dei dati viene usata una checkbox in coppia con un link "Accetto" che, se cliccato, permette di cambiare il valore della checkbox; tale link, molto probabilmente è stato implementato per poter permettere un più facile accesso alla modifica del valore della checkbox. Per implementare tutto ciò è stato usato del codice javascript che invoca il gestore di eventi del mouse "onclick"; se javascript viene disabilitato, non è più possibile agire sulla checkbox tramite il link.

Valutazione: [Compito Operativo] [Compito Informativo]

Valutazione: [Compito Operativo] [Compito Informativo]

Form con redirect
Nella Home Page del sito, sulla destra, vi è un menù a tendina con etichetta "scrivi a", le cui voci, se attivate, fanno caricare il programma di gestione di posta elettronica del sistema. Il menù è implementatato con codice javascript; se viene disabilitato, il menù è inerte.

Valutazione: [Compito Operativo] [Compito Informativo]

Form senza label
In qualsiasi campo del sito, che sia "cerca nel sito" nella home page, oppure che sia uno dei campi della form nella pagina "scrivici", non viene MAI utilizzato il tag "label" e quindi tanto meno il suo attributo for, questo non permette una chiara ed esplicita associazione tra i comandi delle form e le loro etichette.
Anche se non viene usato il tag "label", il lettore di schermo "Jaws" legge comunque le etichette che precedono i campi, per questo motivo l'impatto non è grave.

Valutazione: [Compito Operativo] [Compito Informativo]

Pagine senza titolo
La Home del sito per titolo ha la stringa "Amministrazione Provinciale di Gorizia", che diventa "..::Amministrazione Provinciale di Gorizia::.." in tutte le altre pagine diverse dalla Home.
Risulta impossibile cercare di orientarsi per mezzo del titolo delle pagine.

Valutazione: [Compito Operativo] [Compito Informativo]

Marcatura della lingua
Manca del tutto l'attributo "lang". Anche il lettore di schermo legge il sito con accento e pronuncia della lingua impostata per il lettore. È quasi divertente sentire parole italiane quali "come" pronunciate all'inglese (il risultato è Come), ma un utente non vedente si divertirebbe assai di meno.

Valutazione: [Compito Operativo] [Compito Informativo]

Suddivisione in sezioni
Gli header non vengono mai usati.

Valutazione: [Compito Operativo] [Compito Informativo]

Mancanza di tasti rapidi
Non è stato minimamente previsto l'uso di access key nel sito: l'utente è costretto a usare solo il tab e mancano anche gli skip links.

Valutazione: [Compito Operativo] [Compito Informativo]

Valutazione: [Compito Operativo] [Compito Informativo]

[torna al menù delle barriere]

Barriere per utenti ipovedenti

Contrasto visivo insufficiente
Alcune etichette sono poco visibili perché è stata attribuita loro una differenza di contrasto molto bassa; l'etichetta "Cerca nel sito" o "Powered by Ikon" ad esempio, il cui sfondo è più scuro dello sfondo del resto della pagina (che poi lo sfondo della pagina sarebbe bianco...).
Nel caso di "Powered by Ikon", poi non la dimensione del carattere è anche minima e questo non aiuta.

Valutazione: [Compito Operativo] [Compito Informativo]

Menu dinamici in JavaScript
Nella Home page vi è un menù a tendina "scrivi a" che, se si usa un ingranditore di schermo con un grado di ingrandimento pari o superiore a 6, si rischia anche di non accorgersi della discesa della tendina. L'impatto è minimo perché l'utente non è obbligato ad accedere al menù.

Valutazione: [Compito Operativo] [Compito Informativo]

Form con redirect
Nella Home Page del sito, sulla destra, vi è un menù a tendina con etichetta "scrivi a", le cui voci, se attivate, fanno caricare il programma di gestione di posta elettronica del sistema. Il menù è implementatato con codice javascript; se viene disabilitato, il menù è inerte.

Valutazione: [Compito Operativo] [Compito Informativo]

Mancanza di tasti rapidi
Non è stato minimamente previsto l'uso di access key nel sito: l'utente è costretto a usare solo il tab e mancano anche gli skip links.

Valutazione: [Compito Operativo] [Compito Informativo]

Testo non ridimensionabile
Il testo non è ridimensionabile. Non vengono usate misure relative.
L'utente che tenta di ridimensionare la pagina per migliorare la lettura con un eventuale ingranditore di schermo si trova in difficoltà nella fruizione del testo.

Valutazione: [Compito Operativo] [Compito Informativo]

Layout non ridimensionabile
Il Layout non è ridimensionabile. Non vengono usate misure relative.
L'utente che tenta di ridimensionare la pagina per migliorare la fruizione dellla pagina con un eventuale ingranditore di schermo si trova in difficoltà.

Valutazione: [Compito Operativo] [Compito Informativo]

Valutazione: [Compito Operativo] [Compito Informativo]

[torna al menù delle barriere]

Barriere per utenti daltonici

Colore essenziale
il colore non è usato per evidenziare i links già visitati. È evidenziato solo l'ultimo link, per mezzo del quale si è acceduti alla pagina in cui ci si trova; tornando ai menù già esplorati non si riesce a capire quali link si ha già cliccato e quali no.

Valutazione: [Compito Operativo] [Compito Informativo]

Contrasto visivo insufficiente
Provando a simulare la visione del tipo di daltonismo scelto nel nostro scenario, abbiamo notato che non si riscontrano grossi problemi nella fruizione del sito. Le uniche a risentire degli effetti di questa visione anomala, sono per lo più le immagini, nelle quale diventa più difficile distinguerne gli elementi. Ad ogni modo il testo della pagina e il testo che fa parte delle immagini, sono leggibili e quindi non vi è perdita di informazione.

Valutazione: [Compito Operativo] [Compito Informativo]

[torna al menù delle barriere]

Barriere per utenti disabili cognitivi

Valutazione: [Compito Operativo] [Compito Informativo]

Valutazione: [Compito Operativo] [Compito Informativo]

Assenza di icone
In realtà le icone ci sono, solo che la dimensione delle icone è molto ridotta. Un utente con ridotte capacità di comprensione potrebbe confonderle o addirittura non capirne il significato. Non v'è nemmeno una legenda che potrebbe aiutare l'utente nella comprensione delle piccole immagini; anche se esse sono dotate di alt, può non essere immediata la compresione del loro significato, o potrebbero creare confusione.

Valutazione: [Compito Operativo] [Compito Informativo]

Valutazione: [Compito Operativo] [Compito Informativo]

Campi di testo
Questa è una barriera incontrata unicamente nel compito operativo: non sono presenti valori default nella form della pagina "scrivici" che aiutino a compilare.

Valutazione: [Compito Operativo] [Compito Informativo]

Suddivisione in sezioni
Gli header non vengono mai usati.

Valutazione: [Compito Operativo] [Compito Informativo]

[torna al menù delle barriere]

Barriere per utenti di browser senza JavaScript

Menu dinamici in JavaScript
Nella Home page vi è un menù a tendina "scrivi a" che è stato implementato in codice javascript; se so disabilita javascript il menù non farà nulla.

Valutazione: [Compito Operativo] [Compito Informativo]

Menù a cascata
Nella Home Page del sito, sulla destra, vi è un menù a tendina con etichetta "scrivi a", le cui voci, se attivate, fanno caricare il programma di gestione di posta elettronica del sistema. Il menù è implementatato con codice javascript; se viene disabilitato, il menù è inerte.

Valutazione: [Compito Operativo] [Compito Informativo]

Eventi mouse
Per poter dare il conseso al trattamento dei dati viene usata una checkbox in coppia con un link "Accetto" che, se cliccato, permette di cambiare il valore della checkbox; tale link, molto probabilmente è stato implementato per poter permettere un più facile accesso alla modifica del valore della checkbox; per implementare tutto ciò è stato usato del codice javascript che invoca il gestore di eventi del mouse "onclick"; se javascript viene disabilitato, non è più possibile agire sulla checkbox tramite il link.

Valutazione: [Compito Operativo] [Compito Informativo]

Form con redirect
Nella Home Page del sito, sulla destra, vi è un menù a tendina con etichetta "scrivi a", le cui voci, se attivate, fanno caricare il programma di gestione di posta elettronica del sistema. Il menù è implementatato con codice javascript; se viene disabilitato, il menù è inerte.

Valutazione: [Compito Operativo] [Compito Informativo]

[torna al menù delle barriere]

Tabelle

Barriere per utenti non vedenti

Tabella di valutazione per utenti non vedenti
Pagina/Compito: COMPITO OPERATIVO
Barriera Impatto Frequenza Severità
Immagini ricche senza testo alternativo 2 3 critico
Immagini ricche malposizionate Non Presente Non Presente Non Presente
Immagini ricche incluse nello sfondo Non Presente Non Presente Non Presente
Mancanza di didascalie nel video Non Presente Non Presente Non Presente
Colore essenziale Non Presente Non Presente Non Presente
Frame inaccesibili Non Presente Non Presente Non Presente
Materiale in movimento Non Presente Non Presente Non Presente
Immagini funzionali in sfondo Non Presente Non Presente Non Presente
Immagini funzionali prive di testo Non Presente Non Presente Non Presente
Menu dinamici in JavaScript Non Presente Non Presente Non Presente
Eventi mouse 3 1 critico
ASCII art Non Presente Non Presente Non Presente
Titoli spaziati Non Presente Non Presente Non Presente
Form con redirect 2 1 serio
Nuove finestre Non Presente Non Presente Non Presente
Form senza LABEL 1 3 minimo
Temporizzazioni troppo brevi Non Presente Non Presente Non Presente
Tabelle dati Non Presente Non Presente Non Presente
Tabelle di impaginazione Non Presente Non Presente Non Presente
Pagine senza titoli 2 3 critico
Frame senza titolo Non Presente Non Presente Non Presente
Marcatura della lingua 3 3 critico
Suddivisione in sezioni 1 3 minimo
Immagini come titoli Non Presente Non Presente Non Presente
Mancanza di tasti rapidi 3 3 critico
Pagina solo testo Non Presente Non Presente Non Presente
Controlli del browser disabilitati Non Presente Non Presente Non Presente

Tabella di valutazione per utenti non vedenti
Pagina/Compito: COMPITO INFORMATIVO
Barriera Impatto Frequenza Severità
Immagini ricche senza testo alternativo 2 3 critico
Mancanza di didascalie nel video Non Presente Non Presente Non Presente
Colore essenziale Non Presente Non Presente Non Presente
Frame inaccesibili Non Presente Non Presente Non Presente
Materiale in movimento Non Presente Non Presente Non Presente
Immagini funzionali in sfondo Non Presente Non Presente Non Presente
Immagini funzionali prive di testo Non Presente Non Presente Non Presente
Menu dinamici in JavaScript Non Presente Non Presente Non Presente
Eventi mouse 3 1 critico
ASCII art Non Presente Non Presente Non Presente
Titoli spaziati Non Presente Non Presente Non Presente
Form con redirect 2 1 serio
Nuove finestre Non Presente Non Presente Non Presente
Form senza LABEL 1 3 minimo
Temporizzazioni troppo brevi Non Presente Non Presente Non Presente
Tabelle dati Non Presente Non Presente Non Presente
Tabelle di impaginazione Non Presente Non Presente Non Presente
Pagine senza titoli 2 3 critico
Frame senza titolo Non Presente Non Presente Non Presente
Marcatura della lingua 3 3 critico
Suddivisione in sezioni 1 3 minimo
Immagini come titoli Non Presente Non Presente Non Presente
Mancanza di tasti rapidi 3 3 critico
Pagina solo testo Non Presente Non Presente Non Presente
Controlli del browser disabilitati Non Presente Non Presente Non Presente


Barriere per utenti ipovedenti

Tabella di valutazione per utenti ipovedenti
Pagina/Compito: COMPITO OPERATIVO
Barriera Impatto Frequenza Severità
Immagini ricche malposizionate Non Presente Non Presente Non Presente
Immagini ricche incluse nello sfondo Non Presente Non Presente Non Presente
Contrasto visivo insufficiente 1 1 critico
Materiale in movimento Non Presente Non Presente Non Presente
Immagini funzionali in sfondo Non Presente Non Presente Non Presente
Immagini funzionali prive di testo Non Presente Non Presente Non Presente
Menu dinamici in JavaScript 1 1 minimo
Righe di testo lunghe Non Presente Non Presente Non Presente
Form con redirect 2 1 serio
Form ampie Non Presente Non Presente Non Presente
Finestre sovrapposte Non Presente Non Presente Non Presente
Temporizzazioni troppo brevi Non Presente Non Presente Non Presente
Immagini come titoli Non Presente Non Presente Non Presente
Mancanza di tasti rapidi 3 3 critico
Testo non ridimensionabile 3 3 critico
Layout non ridimensionabile 3 3 critico
Controlli del browser disabilitati Non Presente Non Presente Non Presente

Tabella di valutazione per utenti ipovedenti
Pagina/Compito: COMPITO INFORMATIVO
Barriera Impatto Frequenza Severità
Immagini ricche malposizionate Non Presente Non Presente Non Presente
Immagini ricche incluse nello sfondo Non Presente Non Presente Non Presente
Contrasto visivo insufficiente 1 1 critico
Materiale in movimento Non Presente Non Presente Non Presente
Immagini funzionali in sfondo Non Presente Non Presente Non Presente
Immagini funzionali prive di testo Non Presente Non Presente Non Presente
Menu dinamici in JavaScript 1 1 minimo
Righe di testo lunghe Non Presente Non Presente Non Presente
Form con redirect 2 1 serio
Form ampie Non Presente Non Presente Non Presente
Finestre sovrapposte Non Presente Non Presente Non Presente
Temporizzazioni troppo brevi Non Presente Non Presente Non Presente
Immagini come titoli Non Presente Non Presente Non Presente
Mancanza di tasti rapidi 3 3 critico
Testo non ridimensionabile 3 3 critico
Layout non ridimensionabile 3 3 critico
Controlli del browser disabilitati Non Presente Non Presente Non Presente


Barriere per utenti daltonici

Tabella di valutazione per utenti daltonici
Pagina/Compito: COMPITO OPERATIVO
Barriera Impatto Frequenza Severità
Colore essenziale 3 3 critico
Contrasto visivo insufficiente 1 1 critico

Tabella di valutazione per utenti daltonici
Pagina/Compito: COMPITO INFORMATIVO
Barriera Impatto Frequenza Severità
Colore essenziale 3 3 critico
Contrasto visivo insufficiente 1 1 critico


Barriere per utenti disabili cognitivi

Tabella di valutazione per utenti disabili cognitivi
Pagina/Compito: COMPITO OPERATIVO
Barriera Impatto Frequenza Severità
Mancanza di didascalie del video Non Presente Non Presente Non Presente
Assenza di icone 1 1 minimo
Testo complesso Non Presente Non Presente Non Presente
Sito complesso Non Presente Non Presente Non Presente
Campi di testo 3 3 critico
Nuove finestre Non Presente Non Presente Non Presente
Temporizzazioni troppo brevi Non Presente Non Presente Non Presente
Suddivisione in sezioni 3 3 critico
Pagina solo testo Non Presente Non Presente Non Presente

Tabella di valutazione per utenti disabili cognitivi
Pagina/Compito: COMPITO INFORMATIVO
Barriera Impatto Frequenza Severità
Mancanza di didascalie del video Non Presente Non Presente Non Presente
Assenza di icone 2 3 critico
Testo complesso Non Presente Non Presente Non Presente
Sito complesso Non Presente Non Presente Non Presente
Campi di testo Non Presente Non Presente Non Presente
Nuove finestre Non Presente Non Presente Non Presente
Temporizzazioni troppo brevi Non Presente Non Presente Non Presente
Suddivisione in sezioni 3 3 critico
Pagina solo testo Non Presente Non Presente Non Presente


Barriere utenti di browser senza JavaScript

Tabella di valutazione per utenti di browser senza JavaScript
Pagina/Compito: COMPITO OPERATIVO
Barriera Impatto Frequenza Severità
Menu dinamici in JavaScript 2 1 serio
Menu a cascata 3 1 critico
Eventi mouse 3 1 critico
Form popolata automaticamente Non Presente Non Presente Non Presente
Form con redirect 2 1 serio
Validazione dei campi Non Presente Non Presente Non Presente
Campi nascosti Non Presente Non Presente Non Presente
Nuove finestre Non Presente Non Presente Non Presente
Controlli del browser disabilitati Non Presente Non Presente Non Presente

Tabella di valutazione per utenti di browser senza JavaScript
Pagina/Compito: COMPITO INFORMATIVO
Barriera Impatto Frequenza Severità
Menu dinamici in JavaScript 2 1 serio
Menu a cascata 3 1 critico
Eventi mouse 3 1 critico
Form popolata automaticamente Non Presente Non Presente Non Presente
Form con redirect 2 1 serio
Validazione dei campi Non Presente Non Presente Non Presente
Campi nascosti Non Presente Non Presente Non Presente
Nuove finestre Non Presente Non Presente Non Presente
Controlli del browser disabilitati Non Presente Non Presente Non Presente


[Ritorna alla pagina appena letta] [Home] [User Testing] [Relazione di Conformità]