Università degli Studi di Udine

Corso di Laurea in Tecnologie Web e Multimediali
Progetto del corso di Laboratorio di Progettazione di Siti Web - a.a.2005/2006 prof.G.Brajnik

Simulazione euristica guidata da barriere del sito della Provincia di Trento.

http://www.provincia.tn.it/

Indice

  1. Introduzione
  2. Descrizione del metodo utilizzato
  3. Pagine valutate
  4. Risultati della valutazione
  5. Conclusioni

Introduzione

La simulazione euristica guidata da barriere è un metodo sperimentale per la verifica dell’accessibilità sviluppato dal prof. Brajnik: consiste in un adattamento del metodo di valutazione euristica in cui le euristiche, ovvero i principii guida su cui si basa la valutazione, sono sostituiti da un elenco di barriere di accessibilità. Per barriera si intende una condizione che impedisce o rende difficile lo svolgimento di un compito da parte dell’utente disabile.

Descrizione

L’elenco delle barriere sviluppato dal prof. Brajnik si classifica per disabilità: scelta la tipologia di utente e lo scenario ovvero la descrizione della situazione ipotetica e contestuale in cui l’utente si trova ad utilizzare il sistema, si procede alla valutazione delle pagine che sono interessate allo svolgimento del compito specifico. Quando viene riscontrata una barriera il valutatore procede assegnando un livello di gravità. In particolare in questo progetto per lo svolgimento del metodo di valutazione in questione sono state fatte le seguenti scelte:

Tipologia di utente:

Disabile motorio: Persone con menomazioni 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 agilità delle dita e delle mani. La categoria include anche persone solo temporaneamente disabili, oltre che persone che usano il sito in posizioni inusuali (ad es. durante una presentazione in pubblico, sul podio in piedi). La scelta è caduta su questo tipo di utente in quanto si è voluto prendere in considerazioni il problema di una disabilità motorio che molto spesso può anche essere temporanea ed interessare quindi un grande numero di utenti.

Barriere associate:

Scenari:

Sono stati ipotizzati due scenari in riferimento a due eventi della vita:

  1. Si suppone di essere uno studente delle scuole superiori che dovrà trasferirsi a Trento nel prossimo anno scolastico, a tale scopo lo studente a ricercare le informazioni sulle scuole pubbliche di Trento.
    Eventi della vita: studiare.
  2. Si suppone di essere un'estetista alla ricerca di un nuovo posto di lavoro nella Provincia di Trento.
    Eventi della vita: Lavorare.

Livelli di gravità:

Per l’assegnazione del livello di gravità con cui si verifica una barriera, in questo progetto si fa riferimento alla tabella predisposta dal docente del corso. Essa si basa su due parametri: l’impatto e la frequenza. Il primo indica l’influenza che un problema può avere sull'efficacia, produttività e sicurezza di un utente che sta svolgendo un determinato compito in una determinata situazione operativa, ed il secondo indica il ripetersi con cui quel problema si presenta all'utente durante lo svolgimento di quel compito. La tabella di conversione è la seguente:

impatto frequenza gravità
1 1 minore
1 2 minore
1 3 serio
2 1 serio
2 2 serio
2 3 critico
3 1 critico
3 2 critico
3 3 critico

Pagine Valutate

L'analisi è iniziata nel mese di ottobre ed è terminata nel mese di novembre.

Elenco delle pagine valutate suddiviso per scenario:

Risultati della valutazione

L'esito della simulazione viene presentato schematicamente mediante l'utilizzo della tabella delle barriere per utenti disabili motori specifica per pagina e compito. Per ogni valutazione è presente la descrizione degli errori seguito da esempi di possibili fallimenti e suggerimento per la risoluzione del problema.

Tabella di valutazione per Utenti disabili motori

La Home Page viene valutata una sola volta per i 2 casi d'uso perchè per entrambi i compiti si ricercano informazioni nel sito.

Esito valutazione:
Pagina: Home Page Provincia Autonoma di Trento
Compito: Ricerca in relazione ai 2 casi d'uso
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse Assente Assente N.V.
Mancanza di link interni 1 1 Minore
Troppi link 1 3 Serio
Link troppo vicini 1 1 Minore
Nuove finestre Assente Assente N.V.
Form senza LABEL Assente Assente N.V.
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi Assente Assente N.V.
Controlli del browser disabilitati Assente Assente N.V.
Descrizione errore:

La Home Page presenta troppi link. Si ritiene buono il meccanismo che permette l'ingrandimento dei caratteri ma si evidenzia un piccolo problema per una immagine con scritte, inoltre non viene fatto l'uso dell'attributo ALT.

Esempio di fallimento:
screenshot della pagina contenente il fallimento
Suggerimento:

Per i disabili motori è importante progettare una pagina con la NON presenza di troppi link, pagine con troppi link creano problemi per la ricerca di informazioni. In questo caso diventa quasi inevitabile per il tipo di sito, portale d'infomazioni e di servizi della Provincia Autonoma di Trento rivolto a tutta la cittadinanza. Si consiglia di utilizzare l'attributo ALT per completare la descizioni di immagini soprattutto se si tratta di informazioni importanti come nel caso evidenziato.

La pagina "Scuole e Politiche giovanili" è accessibile dal link presente sotto la sezione "Argomenti".

Esito valutazione:
Pagina: Scuole e Politiche giovanili
Compito: Ricerca delle scuole pubbliche di II grado a Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse Assente Assente N.V.
Mancanza di link interni Assente Assente N.V.
Troppi link 1 3 Serio
Link troppo vicini 1 1 Minore
Nuove finestre Assente Assente N.V.
Form senza LABEL Assente Assente N.V.
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi Assente Assente N.V.
Controlli del browser disabilitati Assente Assente N.V.
Descrizione errore:

La pagina, anche in questo caso, presenta troppi link. Ed il loro posizionamento cambia totalmente rispetto alla Home Page. Si ripresenta di nuovo l'errore dell'immagine del "Numero Verde".

Esempio di fallimento:
screenshot della pagina contenente il fallimento
Suggerimento:

Si suggerisce di eliminare i link evidenziate perchè non utili in questa sezione. Sarebbe opportuno lasciare solo la lista degli argomenti rendendo la pagina più leggibile. La parte evidenziata è già presente nella sezione principale della Home Page.

Con l'accesso alla pagina "Scuole e politiche giovanili" si presentano una serie di link a siti istituzionali tra cui il sito "Vivoscuola", il portale delle scuole in Trentino.

Esito valutazione:
Pagina: Vivo scuola
Compito: Ricerca delle scuole pubbliche di II grado a Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse 1 2 Minore
Mancanza di link interni 1 1 Minore
Troppi link 1 3 Serio
Link troppo vicini Assente Assente N.V.
Nuove finestre 1 1 Minore
Form senza LABEL Assente Assente N.V.
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi 1 2 Minore
Controlli del browser disabilitati Assente Assente N.V.
Descrizione errore:

La pagine presenta due eventi mouse attivabili entrambi con il comando "onclick". Il primo associato alla scritta "mappa" apre una nuova finestra e il secondo asscociato alla scritta "myHomePage" permette di impostare automaticamente l'URL di Vivo Scuola come pagina iniziale di default del mio browser. Anche in questa pagina sono presenti troppi link dando inoltre la brutta sensazione che siano mal organizzati. Non sono presenti tasti rapidi attivabili da tastiera.

Esempio di fallimento:
screenshot della pagina contenente il fallimento
Suggerimento:

Per quanto riguarda gli eventi "onclick" si suggerisce di eliminarli soprattutto per la voce "mappa" che potrebbe creare problemi nella navigazione per un utente disabile motorio. Si suggerisce l'inserimento di tasti rapidi per associare link e/o parole chiavi contenuti nel sito, utilizzando l'attributo ACCESSKEY. Si suggerisce di creare una pagina di aiuto e di implementare l'utilizzo di tasti rapidi in tutte le pagine del sito per poter facilitare la navigazione del sito con la tastiera. Si suggerisce di categorizzare i link in ordine alfabetico per rendere più semplice la consultazione.

Per svolgere il compito prescelto si accede alla pagina "Sistema Scuola".

Esito valutazione:
Pagina: Il Sistema Scuola
Compito: Ricerca delle scuole pubbliche di II grado a Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse 1 2 Minore
Mancanza di link interni 1 1 Minore
Troppi link 1 3 Serio
Link troppo vicini Assente Assente N.V.
Nuove finestre 1 1 Minore
Form senza LABEL Assente Assente N.V.
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi 1 2 Minore
Controlli del browser disabilitati Assente Assente N.V.
Descrizione errore:

Gli errori presenti in questa pagina sono identici rispetto alla pagina precedente. Sono presenti due eventi mouse entrambi con "onclick". Sono presenti molti link. Non sono presenti tasti rapidi attivabili da tastiera.

Suggerimento:

Valgono i suggerimenti precedenti e si sottolinea che è importante mantenere un ordine dei link.

Si passa dalla pagina "Sistema scuola" alla pagina "Le scuole".

Esito valutazione:
Pagina: Le Scuole
Compito: Ricerca delle scuole pubbliche di II grado a Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse 1 2 Minore
Mancanza di link interni 1 1 Minore
Troppi link 1 3 Serio
Link troppo vicini Assente Assente N.V.
Nuove finestre 1 1 Minore
Form senza LABEL Assente Assente N.V.
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi 1 2 Minore
Controlli del browser disabilitati Assente Assente N.V.
Descrizione errore:

Gli errori continuano ad essere gli stessi

Suggerimento:

Dato che le problematiche sono le stesse ed il sito mantiene un layout sempre uguale si ribadisce l'importantanza dell'introduzione dei tasti rapidi. Faciliterebbe notevolmente la navigazione con l'uso della tastiera.

La risoluzione del compito termina con l'accesso alla pagina "Istituti di Istruzione Secondaria di II Grado Paritari".

Esito valutazione:
Pagina: Istituti di Istruzione Secondaria di II Grado Paritari
Compito: Ricerca delle scuole pubbliche di II grado a Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse 1 2 Minore
Mancanza di link interni 1 1 Minore
Troppi link 1 2 Minore
Link troppo vicini Assente Assente N.V.
Nuove finestre 1 1 Minore
Form senza LABEL Assente Assente N.V.
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi 1 2 Minore
Controlli del browser disabilitati Assente Assente N.V.
Descrizione errore:

Si ripetono gli stessi errori con un unica eccezione che in questa pagina c'è una netta riduzione di link nel corpo della pagina.

Suggerimento:

Valgono le note precedenti.

La pagina "Lavoro e occupazione" è accessibile dal link presente sotto la sezione "Argomenti".

Esito valutazione:
Pagina: Lavoro e occupazione
Compito: Ricerca opportunità di lavoro nel territorio di Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse Assente Assente N.V.
Mancanza di link interni Assente Assente N.V.
Troppi link 1 3 Serio
Link troppo vicini 1 1 Minore
Nuove finestre Assente Assente N.V.
Form senza LABEL Assente Assente N.V.
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi Assente Assente N.V.
Controlli del browser disabilitati Assente Assente N.V.
Descrizione errore:

La pagina presenta troppi link. Il layout della pagina non è identica alla Home Page. Anche in questa pagina si ripresenta l'errore dell'immagine "Numero Verde".

Suggerimento:

Si consiglia di eliminare i link che non sono necessari perchè non utili in questa sezione. Si suggerisce di rivedere il layout di tutte le pagine attivabili sotto la sezione "Argomenti" cercando di realizzare un layout meno pesante razionalizzando i link presenti per facilitare la navigazione per un utente disabile motorio.

Con l'accesso alla pagina "Lavoro e occupazione" si presentano una serie di link a siti istituzionali tra cui il sito "Agenzia del Lavoro".

Esito valutazione:
Pagina: Agenzia del Lavoro
Compito: Ricerca opportunità di lavoro nel territorio di Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse Assente Assente N.V.
Mancanza di link interni Assente Assente N.V.
Troppi link Assente Assente N.V.
Link troppo vicini 1 2 Minore
Nuove finestre 2 3 Critico
Form senza LABEL 1 1 Minimo
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi Assente Assente N.V.
Controlli del browser disabilitati 1 3 Serio
Descrizione errore:

Si ricorda l'importanza di distazionare i controlli in modo da permettere ad un disabile motorio di non trovarsi in difficoltà per il puntamento con il cursore e successivo selezionamento dell'oggetto (Errore 1).
Nella pagina esistono gli accesskey ma non è presente una pagina di descizione del funzionamento. Nella pagina sono presenti links che aprono altre finestre, creando confusione e problemi (Errore 2).

Esempio di fallimento:

Errore 1: link icone troppo vicine

screenshot della pagina contenente il fallimento

Errore 2: link che aprono nuove finestre

screenshot della pagina contenente il fallimento
Suggerimento:

Si consigli di distanziare maggiormente i controlli e di evitare di aprire nuove finestre. E' importante inseire una pagina descritiva sull'uso degli ACCESSKEY.

L'accesso alla pagina avviene per mezzo del link "Opportunità di lavoro gestite dai Centri per l'impiego", pagina che gerarchicamente appartiene alla pagina "Servizi lavoratori".

Esito valutazione:
Pagina: Opportunità di lavoro (gestite dai Centri per l’impiego)
Compito: Ricerca opportunità di lavoro nel territorio di Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse Assente Assente N.V.
Mancanza di link interni Assente Assente N.V.
Troppi link Assente Assente N.V.
Link troppo vicini 1 3 Serio
Nuove finestre 1 1 Minore
Form senza LABEL 1 3 Serio
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi Assente Assente N.V.
Controlli del browser disabilitati 1 3 Serio
Descrizione errore:

La pagina è composta da una serie di checkbox molto ravvicinati (valutato come link troppi vicini), non è più presente la funzione di ingrandimento caratteri. Un altro problema è dovuto al tasto "Cerca" che apre una nuova finestra ad ogni ricerca creando seri problemi ad un disabile motorio.

Esempio di fallimento:

Link troppo vicini.

screenshot della pagina contenente il fallimento
Suggerimento:

Si suggerisce di spaziare maggiormente i checkbox presenti e di non eliminare la funzione di ingrandimento carattere già presente nelle pagine precedenti. Si suggerisce di non aprire nuove finestre dopo la ricerca.

La pagina con le informazioni recuperate viene attivata con il tasto "Cerca" della pagina precedente dopo aver opportunemente selezionato i settori di attività e la zona di interesse.

Esito valutazione:
Pagina: Bacheca Opportunità di Lavoro
Compito: Ricerca opportunità di lavoro nel territorio di Trento
Barriera Impatto Frequenza Severità
Menu a cascata Assente Assente N.V.
Eventi mouse Assente Assente N.V.
Mancanza di link interni 1 1 Minore
Troppi link Assente Assente N.V.
Link troppo vicini Assente Assente N.V.
Nuove finestre Assente Assente N.V.
Form senza LABEL Assente Assente N.V.
Temporizzazioni troppo brevi Assente Assente N.V.
Mancanza di tasti rapidi Assente Assente N.V.
Controlli del browser disabilitati 1 1 Minore
Descrizione errore:

La pagina non è ben formattata, richiede all'utente di eseguire lo scrolling orizzontale per poter leggere completamente un annuncio, questo problema si presenta con il browser Internet Explorer ma non con Opera. Manca la possibilità di poter ingrandire il carattare stesso problema della pagina precedente. Non esiste il tasto di BACK.

Esempio di fallimento:

In rosso è stato evidenziato l'errore, si riporta a destra la navigazione della pagina con Opera che non presenta il problema.

screenshot della pagina contenente il fallimento
Suggerimento:

Si sugerisce di rivedere il layout della tabella e di ripristinare la funzione di ingrandimento del carattere già presente nel sito.

Conclusioni

Il sito valutato in relazione all'utente disabile motorio presenta vari problemi.
In particolare si rilevano difficoltà legati principalmente alla organizzazione dei contenuti nelle pagine e alla navigazione degli stessi, in particolare manca la possibilità di navigare con tasti di accesso rapido. A volte si è costretti a selezionare dati troppo vicini tra di loro generando problematiche serie per un disabile motorio per il puntamento e selezionamento. L'apertura di nuove finestre si presenta in più pagine del sito facendo perdere l’orientamento oltre che causare problemi alla navigazione.

Il sito nel suo complesso si presenta bene, il design del sito è buono ma il layout non è sempre coerente. La suddivisione in sezioni è ben organizzata, si consiglia di snellire i link contenuti nelle pagine appartenenti alla sezione "Argomenti".