logo uniudUniversità degli studi di Udine - 2006/2007
Corso di Progettazione di siti web

Rapporto di simulazione euristica di un utente ipovedente

Masetto Alessandro


Introduzione

Compito: trovare informazioni sui musei veneti.

Possibile percorso da seguire: 

  1. Collegarsi al sito di italia.it
  2. Cliccare su "Italiano"
  3. Cliccare su "Visita l'Italia"
  4. Cliccare su "Regioni"
  5. Cliccare su "Veneto"
  6. Cliccare su "Arte e cultura"
  7. Selezionare una categoria di musei

Sommario delle barriere incontrate

Tabella di valutazione delle barriere (tratta da Brajnik,(2006) )

Tabella da compilare durante una valutazione per Utenti ipovedenti
Barriera Impatto Frequenza Severità
Immagini ricche malposizionate 2 0  
Immagini ricche incluse nello sfondo 3 0  
Contrasto visivo insufficiente 2 0  
Materiale in movimento 2 1 serio
Immagini funzionali in sfondo 2 0  
Immagini funzionali prive di testo 2 0  
Menu dinamici in JavaScript 2 0  
Mancanza di link interni 1 3 serio
Righe di testo lunghe 1 0
Troppi link 3 0  
Form con redirect 2 0  
Form ampie 2 0  
Finestre sovrapposte 1 0  
Temporizzazioni troppo brevi 3 0  
Immagini come titoli 1 0  
Mancanza di tasti rapidi 2 3 critico
Testo non ridimensionabile 3 0  
Layout non ridimensionabile 3 1 critico
Skip links 2 3 critico
Controlli del browser disabilitati 1 0  

Dettagli:

Materiale in movimento

Sono presenti delle presentazioni di immagini in flash.

Conseguenza: il materiale in movimento potrebbe essere posto in un luogo al di fuori del campo visivo dell'utente, con la conseguenza che il cambiamento non viene affatto notato.

Rimedio: togliere il materiale in movimento

 

Torna alla tabella

Mancanza di link interni

Non ci sono link interni.

Conseguenza:L'utente sarà costretto a muovere il campo visivo dalla parte inferiore della pagina alla barra di scorrimento (per spostare il contenuto della finestra) e poi di nuovo all'inizio della finestra per poter leggere il titolo della sezione e la sua parte iniziale.

Rimedio: Alla fine di ciascuna sezione della pagina includere dei link per poter saltare alla fine della successiva sezione, all'inizio della sezione appena vista, in testa o alla fine della pagina.

 

Torna alla tabella

Mancanza di tasti rapidi

Non sono presenti tasti di accesso rapido.

Conseguenza: L'utente potrebbe usare i tasti rapidi per spostare velocemente e in maniera precisa il focus dell'interazione sulla parte della pagina che interessa, senza dover usare barre di scorrimento e senza dover spostare a mano il campo visivo.

Rimedio: utilizzare gli attributi @ACCESSKEY.

 

Torna alla tabella

Layout non ridimensionabile

Esempio:

esempio

Conseguenza: problemi di lettura.

Rimedio: Usare il CSS per posizionare gli elementi della pagina ed usare sempre (eccetto per margini e bordi) delle unità di misura relative

Altro esempio fuori dallo scenario in esame ma degno di nota: con un palmare non è semplice navigare in questo sito.

esempio pda

 

Torna alla tabella

Skip links

Non sono presenti skip links.

Conseguenza: L'utente non ha modo di posizionare direttamente il focus dell'interazione, e quindi il suo campo visivo, sul nocciolo della pagina.

Rimedio: inserire un' immagine trasparente con alt="salta al contenuto" o un'immagine visibile che punta direttamente ai contenuti.

 

Torna alla tabella