Criteri di valutazione dei siti web

Embed Size (px)

Citation preview

PowerPoint Presentation

Accesso all'informazione e collaborazione virtuale

Criteri per la valutazione di usabilit e accessibilit dei siti web

Corso di aggiornamento finanziato dalla

Regione Toscana per le biblioteche pubbliche

(9 gennaio- 16 febbraio 2012)

Lucia Bertini

Siti web

Usabilit

Ovvero:

La possibilit di utilizzare con facilit il contenuto del web da parte dell'utente.

Accessibilit

Definizione di accessibilit Content is accessible when it may be used by someone with a disability.

(tr. it. Il contenuto accessibile quando pu essere usato da qualcuno con disabilit).

Usabilit

Sei requisiti:- navigabilit

- tempi di attesa

- completezza dei contenuti

- comprensibilit delle informazioni

- efficacia comunicativa

- attrattiva grafica

Accessibilit: definizione

Capacit dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilit necessitano di tecnologie assistive o configurazioni particolari.

Accessibilit

E' accessibile un sito sviluppato con queste caratteristiche:Contenuti: le informazioni nelle pagine web devono essere scritte sotto forma di testo, immagini e audio;

Assistenti tecnologici: screen reader, software di lettura vocale, tastiere particolari, e altro

Applicativi: browser web e un media player per riuscire a leggere al meglio le pagine web;

Tool di convalidazione: che permettano la convalida del codiceHTML ,CSS , ecc..

Accessibilit

Soggetti coinvolti in questo processo:

Sviluppatori: chiunque abbia un ruolo nel progettare un sito web (designers,programmatori,ecc..);

Utenti: per la migliore usabilit del web necessario tenere presente il punto di vista dell'utente .

Nel web

Ogni sito diverso:Gli argomenti contenuti nel singolo sito sono diversi;

La struttura diversa.

Dal punto di vista dell'usabilit e dell'accessibilit sono adeguati?

Leggi anche: Verso l'usabilit semantica http://www.usabile.it/312007.htm#ixzz0v5Bvhz9B

Interfaccia

Gli oggetti non sono standardizzati.Ad esempio:- immagini che portano a pagine il cui contenuto non facilmente intuibile;- menu diversi da sito a sito- link di diverso colore - e via discorrendo ...

Paradigmi dinterazione

Possono essere differenti: - non vale pi il doppio click, ma solo il click singolo,

-il trascinamento non possibile;- non sempre sono previsti accessi personalizzati e differenziati, su misura per diversi tipi di utenti.

Esercitazione: verifica l'accessibilit

Strumenti di supporto alle tecnologie assistive

Screen reader:

Jaws: considerato il migliore screen reader per quantit di funzionalit, ricco di comandi per l'accesso ai programmi e per la navigazione in rete.

Home Page Reader: un browser web con funzioni vocali.

Window Eyes: fornisce un controllo completo su quanto viene vocalizzato.

HAL: buon rapporto costo/livello di funzionalit, ma inferiore a JAWS.

LookOUT: screen reader prodotto da Choice Technology (UK) Ltd.

OutSPOKEN: screen reader prodotto da ALVA Access Group.

Virgo: screen reader prodotto da Baum Engineering SRL.

Browser con funzioni particolari per l'accessibilit

Opera: uno dei browser pi utilizzati dai disabili.Lynx: un browser testuale per il web.Amaya: un software open source progettato dal W3C.BrailleSurf4: un browser che consente una lettura semplificata delle pagine web.BrookesTalk: un browser per non vedenti e ipovedenti, utilizzabile solo da tastiera usando le function keys.Net-Tamer: un browser vocale con varie funzioni internet per non vedenti.EMACSPEAK: un browser che funziona su Unix e Linux.

Scegliere un sito web

Seleziona un campione rappresentativo di pagine con queste caratteristiche:

pagine abitualmente pi viste ("pagina di benvenuto", ecc.)

pagine con diversi layout e funzionalit, ad esempio:pagine web con tabelle, moduli o risultati generati in modo dinamico;

pagine Web con immagini informative come diagrammi o grafici;

pagine web con script o applicazioni che eseguono funzionalit.

Esamina le pagine utilizzando browser grafici

Utilizza un'browser con interfaccia utente grafica (GUI) come Firefox, Internet Explorer, Netscape Navigator, Opera, Safari o altri ed esamina cosa succede quando effettui questi controlli:- disattiva le immagini, e verifica se appropriato e disponibile il testo alternativo alle immagini.- disattiva l'audio, e verifica se i contenuti audio sono ancora disponibili con equivalenti contenuti testuali.- utilizza i controlli del browser per variare la dimensione del carattere: verifica se la dimensione del carattere sullo schermo cambia di conseguenza e che la pagina sia ancora utilizzabile, con dimensioni del carattere pi grandi.

Esaminare le pagine utilizzando browser grafici

Prova una risoluzione dello schermo diversa e/o con il ridimensionamento della finestra, per verificare che lo scorrimento orizzontale non sia necessario (attenzione: prova con diversi browser, per essere sicuro che si tratti di un problema di contenuti e non un problema di browser).Cambia il colore del display in scala di grigi (o stampare pagina in scala di grigi o bianco e nero) e osserva se il contrasto del colore sufficiente.Senza usare il mouse, usa la tastiera per navigare attraverso i link e controlla i moduli della pagina (ad esempio, utilizzando il tasto "Tab"), verificando che sia possibile accedere a tutti i link e che i collegamenti indichino chiaramente a cosa portano.

Esaminare le pagine utilizzando i browser specializzato

Utilizzare un browser vocale (se lo si possiede) come ad esempio Home Page Reader o un browser testuale (come Lynx) ed esamina cosa succede quando effettui queste verifiche:l'informazione ottenuta con il browser testuale o vocale equivalente a quella del browser GUI (Explorer ecc.)?

le informazioni sono presentate in un ordine che ha un senso?

Nota: ovviamente questa verifica possibile solo qualora si sia in possesso di questa tecnologia.

Strumenti per la valutazione automatica dell'usabilit

Esistono vari strumenti per la valutazione automatica dei siti web. Provali cominciando dal sito web della tua biblioteca:

Achecker

Web Accessibility Toolbar for IE 2011