<ul>Accesso all'informazione e collaborazione virtuale </ul><ul><li>Criteri per la valutazione di usabilità e accessibilit...
Corso di aggiornamento finanziato dalla
Regione Toscana per le biblioteche pubbliche
(9 gennaio- 16 febbraio 2012)
Lucia Bertini </li></ul>
Siti web <ul><li>Usabilità
Ovvero:
La possibilità di utilizzare con facilità il contenuto del web da parte dell'utente. </li></ul><ul><li>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à»).   </li></ul>
Usabilità Sei requisiti: <ul><li>- navigabilità
- tempi di attesa
- completezza dei contenuti
- comprensibilità delle informazioni
- efficacia comunicativa
- attrattiva grafica </li></ul>
Accessibilità: definizione <ul><li>Capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze ...
Accessibilità E' accessibile un sito sviluppato con queste caratteristiche: <ul><ul><li>Contenuti: le informazioni nelle p...
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 codice  HTML  ,  CSS  , ecc.. </li></ul></ul>
Accessibilità Soggetti coinvolti in questo processo: <ul><ul><li>Sviluppatori: chiunque abbia un ruolo nel progettare un s...
<ul>Nel web </ul><ul><li>Ogni sito è diverso: </li><ul><ul><li>Gli argomenti  contenuti nel singolo sito sono diversi;
La struttura è diversa. </li></ul><li>Dal punto di vista dell'usabilità e dell'accessibilità sono adeguati? </li></ul><li>...
<ul>Interfaccia </ul><ul>Gli oggetti non sono standardizzati. Ad esempio: - immagini che portano a  pagine il cui contenut...
<ul>Paradigmi d’interazione </ul><ul>Possono essere differenti: <li>- non vale più il doppio click, ma solo il click singo...
- il trascinamento non è possibile;
- non sempre sono previsti accessi personalizzati e differenziati, su misura per diversi tipi di utenti. </li></ul>
Indicazioni autorevoli
MinervaEC: rete tematica nel campo della cultura, dell'informazione scientifica e dei contenuti accademici. Un sito Web cu...
Upcoming SlideShare
Loading in...5
×

Criterivalutazione2012bis

1,246

Published on

AIB Toscana Formazione. 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 (9gennaio-16febbraio2012) LuciaBertini

Published in: Education
1 Comment
0 Likes
Statistics
Notes
  • Nella pagina dedicata alle 'good practices' del progetto Minerva, i collegamenti che si riferiscono a progetti italiani (progetto Daddi della SBAS di Firenze, ad esempio) non sono più attivi.
    E' il problema di aggiornare a distanza di molto tempo collegamenti a pagine che sono state tolte, modificate, ecc.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total Views
1,246
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
31
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Criterivalutazione2012bis"

  1. 1. <ul>Accesso all'informazione e collaborazione virtuale </ul><ul><li>Criteri per la valutazione di usabilità e accessibilità dei siti web
  2. 2. Corso di aggiornamento finanziato dalla
  3. 3. Regione Toscana per le biblioteche pubbliche
  4. 4. (9 gennaio- 16 febbraio 2012)
  5. 5. Lucia Bertini </li></ul>
  6. 6. Siti web <ul><li>Usabilità
  7. 7. Ovvero:
  8. 8. La possibilità di utilizzare con facilità il contenuto del web da parte dell'utente. </li></ul><ul><li>Accessibilità
  9. 9. Definizione di accessibilità « Content is accessible when it may be used by someone with a disability ».
  10. 10. (tr. it. «Il contenuto è accessibile quando può essere usato da qualcuno con disabilità»). </li></ul>
  11. 11. Usabilità Sei requisiti: <ul><li>- navigabilità
  12. 12. - tempi di attesa
  13. 13. - completezza dei contenuti
  14. 14. - comprensibilità delle informazioni
  15. 15. - efficacia comunicativa
  16. 16. - attrattiva grafica </li></ul>
  17. 17. Accessibilità: definizione <ul><li>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 . </li></ul>
  18. 18. Accessibilità E' accessibile un sito sviluppato con queste caratteristiche: <ul><ul><li>Contenuti: le informazioni nelle pagine web devono essere scritte sotto forma di testo, immagini e audio;
  19. 19. Assistenti tecnologici: screen reader, software di lettura vocale, tastiere particolari, e altro
  20. 20. Applicativi: browser web e un media player per riuscire a leggere al meglio le pagine web;
  21. 21. Tool di convalidazione: che permettano la convalida del codice  HTML ,  CSS , ecc.. </li></ul></ul>
  22. 22. Accessibilità Soggetti coinvolti in questo processo: <ul><ul><li>Sviluppatori: chiunque abbia un ruolo nel progettare un sito web (designers,programmatori,ecc..); </li></ul><ul><li>Utenti: per la migliore usabilità del web è necessario tenere presente il punto di vista dell'utente . </li></ul></ul>
  23. 23. <ul>Nel web </ul><ul><li>Ogni sito è diverso: </li><ul><ul><li>Gli argomenti contenuti nel singolo sito sono diversi;
  24. 24. La struttura è diversa. </li></ul><li>Dal punto di vista dell'usabilità e dell'accessibilità sono adeguati? </li></ul><li>Leggi anche: Verso l'usabilità semantica http://www.usabile.it/312007.htm#ixzz0v5Bvhz9B </li></ul>
  25. 25. <ul>Interfaccia </ul><ul>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 ... </ul>
  26. 26. <ul>Paradigmi d’interazione </ul><ul>Possono essere differenti: <li>- non vale più il doppio click, ma solo il click singolo,
  27. 27. - il trascinamento non è possibile;
  28. 28. - non sempre sono previsti accessi personalizzati e differenziati, su misura per diversi tipi di utenti. </li></ul>
  29. 29. Indicazioni autorevoli
  30. 30. MinervaEC: rete tematica nel campo della cultura, dell'informazione scientifica e dei contenuti accademici. Un sito Web culturale di qualità celebra la diversità culturale europea fornendo l'accesso a tutti i contenuti culturali digitali. Un sito Web di qualità deve: essere trasparente, definendo chiaramente sia l'identità e gli obiettivi del sito Web sia l'organismo responsabile della sua gestione; selezionare, digitalizzare, indicizzare, presentare e controllare i contenuti per creare un sito Web efficace per tutti gli utenti; implementare linee guida per le politiche di qualità del servizio per assicurare che il sito Web venga adeguatamente mantenuto e aggiornato;
  31. 31. MinervaEC: rete tematica nel campo della cultura, dell'informazione scientifica e dei contenuti accademici. essere accessibile a tutti gli utenti, indipendentemente dalla tecnologie utilizzata o dalle loro disabilità, inclusi gli strumenti di navigazione, il contenuto e gli elementi interattivi; essere centrato sull'utente, tenendo conto delle sue esigenze, garantendo pertinenza della risposta e facilità d'uso attraverso meccanismi di valutazione e feedback; essere reattivo, consentendo agli utenti di contattare il sito e ricevere un'adeguata risposta. Se necessario, incoraggiare i quesiti, la condivisione dei dati e la discussione con e tra gli utenti; essere consapevoli dell'importanza del multilinguismo fornendo un livello minimo di accesso in più di una lingua;
  32. 32. MinervaEC: rete tematica nel campo della cultura, dell'informazione scientifica e dei contenuti accademici. impegnarsi a essere interoperabile all'interno delle reti culturali per consentire agli utenti di localizzare facilmente i contenuti e i servizi che rispondono alle loro necessità; essere gestito nel rispetto delle norme legali come il diritto di proprietà intellettuale e la riservatezza e indicare chiaramente i termini e le condizioni di utilizzo del sito Web e dei suoi contenuti; adottare strategie e standard per assicurare che il sito Web e i suoi contenuti vengano conservati a lungo termine trasparente - efficace - mantenuto - accessibile - centrato sull'utente - reattivo - multilingue - interoperabile - gestito - conservato
  33. 33. Esercitazione: verifica l'accessibilità
  34. 34. Strumenti di supporto alle tecnologie assistive <ul><li>Screen reader:
  35. 35. Jaws: considerato il migliore screen reader per quantità di funzionalità, ricco di comandi per l'accesso ai programmi e per la navigazione in rete.
  36. 36. Home Page Reader: è un browser web con funzioni vocali.
  37. 37. Window Eyes: fornisce un controllo completo su quanto viene vocalizzato.
  38. 38. HAL: buon rapporto costo/livello di funzionalità, ma inferiore a JAWS.
  39. 39. LookOUT: screen reader prodotto da Choice Technology (UK) Ltd.
  40. 40. OutSPOKEN: screen reader prodotto da ALVA Access Group.
  41. 41. Virgo: screen reader prodotto da Baum Engineering SRL. </li></ul>
  42. 42. 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.
  43. 43. Scegliere un sito web Seleziona un campione rappresentativo di pagine con queste caratteristiche: <ul><ul><li>pagine abitualmente più viste (&quot;pagina di benvenuto&quot;, ecc.)
  44. 44. pagine con diversi layout e funzionalità, ad esempio: </li><ul><li>pagine web con tabelle, moduli o risultati generati in modo dinamico;
  45. 45. pagine Web con immagini informative come diagrammi o grafici;
  46. 46. pagine web con script o applicazioni che eseguono funzionalità. </li></ul></ul></ul>
  47. 47. 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.
  48. 48. 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 &quot;Tab&quot;), verificando che sia possibile accedere a tutti i link e che i collegamenti indichino chiaramente a cosa portano.
  49. 49. 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: <ul><ul><li>l'informazione ottenuta con il browser testuale o vocale è equivalente a quella del browser GUI (Explorer ecc.)?
  50. 50. le informazioni sono presentate in un ordine che ha un senso? </li></ul></ul>Nota: ovviamente questa verifica è possibile solo qualora si sia in possesso di questa tecnologia.
  51. 51. 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 <http://achecker.ca/checker/index.php> Web Accessibility Toolbar for IE – 2011 << http://www.visionaustralia.org.au/ais/toolbar/ WAI Working Groups and Interest Groups <http://www.w3.org/WAI/groups>
  52. 52. <ul>Esercitazioni sull'usabilità </ul>
  53. 53. <ul>Valutazione </ul><ul><li>Prendi in esame diversi siti, valutane l'usabilità, discutendone con il gruppo. </li></ul><ul><ul><li>Scegli tre o più biblioteche e valuta il loro sito web: </li></ul></ul><ul><ul><li>http://www.aib.it/aib/opac/repertorio.htm#pubbliche </li></ul></ul>
  54. 54. <ul>Criteri valutazione </ul><ul>Valutare le risorse in base ai seguenti criteri: Criteri di forma Criteri di contenuto Criteri di procedimento Per l’esercizio osservare le prime tre risorse suggerite dal motore di ricerca utilizzato. </ul>
  55. 55. <ul>Motore: http:// www.google.com Parola chiave: case study Legenda F=Criteri di forma C=Criteri di contenuto P=Criteri di procedimento Valutazione: Insufficiente *; Sufficiente **; Buono***; Ottimo **** </ul><ul>Sito </ul><ul>F </ul><ul>C </ul><ul>P </ul><ul>Descrizione </ul>
  56. 56. <ul>Valutane l'aspetto tecnico </ul><ul><li>Punti di forza </li></ul><ul><li>Punti di debolezza </li></ul>
  57. 57. <ul>Aspetto grafico-percettivo-comunicativo </ul><ul><li>Punti di forza </li></ul><ul><li>Punti di debolezza </li></ul>
  58. 58. <ul>Aspetto semantico-strutturale </ul><ul><li>Punti di forza </li></ul><ul><li>Punti di debolezza </li></ul>
  59. 59. Riferimenti utili <ul><li>Scheda descrittiva delle &quot;Linee guida per l'accessibilità ai contenuti del Web 1.0&quot;. < http://www.aib.it/aib/cwai/FAQ.htm >
  60. 60. Linee guida per l'accessibilità ai contenuti del Web. Raccomandazione del W3C del 5 maggio 1999. <http://www.aib.it/aib/cwai/WAI-trad.htm#gl-provide-equivalents>
  61. 61. Presidenza del Consiglio dei Ministri, Dipartimento della funzione pubblica (circolare 13 marzo 2001, n. 3/2001). Linee guida per l'organizzazione, l'usabilità e l'accessibilità dei siti Web delle pubbliche amministrazioni. < http://www.aib.it/aib/editoria/n13/01-04docum1.htm >
  62. 62. L'accessibilità dei siti web. CIRCOLARE AIPA, Circ. 6 settembre 2001, n. AIPA/CR/32. Criteri e strumenti per migliorare l'accessibilità dei siti web e delle applicazioni informatiche a persone disabili. < http://www.governo.it/Presidenza/web/circ6set2001_AIPA.html >
  63. 63. MINERVA. Cultural Website Quality Principles. I dieci principi. <http://www.minervaeurope.org/publications/tenqualityprinciples.htm> </li></ul>
  64. 64. Buon lavoro! Lucia Bertini [email_address]
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×