Usabilita' e accessibilità caratteristiche definizioni e differenze.
Progetto creato all'interno del corso Tecnologie dei media digitali 12/13 del corso di laurea Teorie e metodologie dell'e-learning e della media education
Università di Padova
Con questa presentazione scoprirai quali sono i fattori che decretano il successo di un sito web. Soprattutto apprenderai perché un progetto web serio dovrebbe prevedere sempre un investimento.
3 problemi più comuni che i marketer si trovano a fronteggiare riguardo ai s...Semrush
Nel contesto di oggi nessun tipo di attività si può immaginare a sopravvivere senza una forte presenza nel web. Questo però non è solo una brillante prospettiva, ma anche una grande sfida. Quali sono i problemi che i SEO trovano nel loro percorso complicato della promozione dei siti - vediamo con i nostri esperti.
In questa presentazione spiego come aggiungere tutte le clipart che vuoi a LibreOffice.
Come è noto, sia LibreOffice che Apache OpenOffice offrono ai loro utenti un set limitato di clipart.
C'è un modo molto facile per ovviare a questo inconveniente e potete scoprirlo qui.
Con questa presentazione scoprirai quali sono i fattori che decretano il successo di un sito web. Soprattutto apprenderai perché un progetto web serio dovrebbe prevedere sempre un investimento.
3 problemi più comuni che i marketer si trovano a fronteggiare riguardo ai s...Semrush
Nel contesto di oggi nessun tipo di attività si può immaginare a sopravvivere senza una forte presenza nel web. Questo però non è solo una brillante prospettiva, ma anche una grande sfida. Quali sono i problemi che i SEO trovano nel loro percorso complicato della promozione dei siti - vediamo con i nostri esperti.
In questa presentazione spiego come aggiungere tutte le clipart che vuoi a LibreOffice.
Come è noto, sia LibreOffice che Apache OpenOffice offrono ai loro utenti un set limitato di clipart.
C'è un modo molto facile per ovviare a questo inconveniente e potete scoprirlo qui.
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33Paolo Sordi
Slide 1-33 del corso di Progettazione e realizzazione di siti web, a.a. 2014/15, Corso di Laurea magistrale in Scienze dell'informazione, della comunicazione e dell'editoria, Università di Roma Tor Vergata.
Ecco perchè i siti aziendali non riescono a svolgere bene il loro lavoro: attirare traffico e trovare clienti online.
Anche il tuo sito fa questi errori?
Slide "FormAZIONEDIGITALE": Approfondimento su E-Commerce inerente al progetto "Eccellenze in digitale" (nato dalla collaborazione tra Google ed Unioncamere) per la provincia di Viterbo
Slide "FormAZIONEDIGITALE": lezione sui Siti Web inerente al progetto "Eccellenze in digitale" (nato dalla collaborazione tra Google ed Unioncamere) per la provincia di Viterbo
Presentazione del modello di qualità per i siti Web 1.0, in tre lezioni, descritto nel libro "Il check-up dei siti Web" di Roberto Polillo (ed.Apogeo, 2004). Liberamente utilizzabili a scopo didattico.
Attenzione: la presentazione non è stata più aggiornata dal 2004.
Figure del libro "Il check-up dei siti Web - Valutare la qualità per migliorarla", di Roberto Polillo (edizioni Apogeo, 2004), utilizzabili per scopo didattico
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Simone Onofri
"Content is accessible when it may be used by someone with a
disability" dal Glossario WCAG
L'Accessibilità è un argomento attuale. Su Internet, come nella realtà, non mancano le barriere architettoniche, in questo caso digitali. Imparare a conoscerle e a rimuoverle aiuta non solo gli utenti che non sono in grado di vedere, ascoltare o muoversi ma tutta la comunità, per un esperienza più ampia di Internet. Il talk, totalmente dedicato alle Linee Guida WCAG 1.0, si propone come punto di riflessione sull'Accessibilità.
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
Spesso il paramento con cui valutiamo un sito è la bellezza trascurando l'usabilità.
la conseguenza è che l'utente non è più il nostro obiettivo principale
Queste le parole di Jacob Nielsen che riassumuno le slide
«Credo che l’obiettivo della maggioranza dei progetti web dovrebbe essere il rendere semplice per le persone (o per i clienti) lo svolgimento delle attività che hanno un qualche fine pratico»
Nell'ultimo periodo si è parlato molto di Design, Accessibilità ed Usabilità di questi siti internet, ma davvero incontrano le esigenze del cittadino?
Nuove regole e leggi danno la linea per gli sviluppi dei website futuri, che devono considerare anche l'aspetto fondamentale di un sito web: comunicare correttamente con gli utenti nel modo più chiaro possibile.
Spesso le PA medio-piccole, non possono permettersi un reparto IT interno che operi sugli aspetti Web.
Come portare quindi la tecnologia e l'esperienza di professionisti del web ai dipendenti e professionisti delle Pubbliche Amministrazioni che non operano in campo web e comunicazione?
Scopriremo che spesso, oltre ad un'assistenza eseguita da un professionista per la parte tecnica, basta poco per poter gestire correttamente ed internamente la comunicazione in modo comprensibile e accessibile.
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33Paolo Sordi
Slide 1-33 del corso di Progettazione e realizzazione di siti web, a.a. 2014/15, Corso di Laurea magistrale in Scienze dell'informazione, della comunicazione e dell'editoria, Università di Roma Tor Vergata.
Ecco perchè i siti aziendali non riescono a svolgere bene il loro lavoro: attirare traffico e trovare clienti online.
Anche il tuo sito fa questi errori?
Slide "FormAZIONEDIGITALE": Approfondimento su E-Commerce inerente al progetto "Eccellenze in digitale" (nato dalla collaborazione tra Google ed Unioncamere) per la provincia di Viterbo
Slide "FormAZIONEDIGITALE": lezione sui Siti Web inerente al progetto "Eccellenze in digitale" (nato dalla collaborazione tra Google ed Unioncamere) per la provincia di Viterbo
Presentazione del modello di qualità per i siti Web 1.0, in tre lezioni, descritto nel libro "Il check-up dei siti Web" di Roberto Polillo (ed.Apogeo, 2004). Liberamente utilizzabili a scopo didattico.
Attenzione: la presentazione non è stata più aggiornata dal 2004.
Figure del libro "Il check-up dei siti Web - Valutare la qualità per migliorarla", di Roberto Polillo (edizioni Apogeo, 2004), utilizzabili per scopo didattico
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Simone Onofri
"Content is accessible when it may be used by someone with a
disability" dal Glossario WCAG
L'Accessibilità è un argomento attuale. Su Internet, come nella realtà, non mancano le barriere architettoniche, in questo caso digitali. Imparare a conoscerle e a rimuoverle aiuta non solo gli utenti che non sono in grado di vedere, ascoltare o muoversi ma tutta la comunità, per un esperienza più ampia di Internet. Il talk, totalmente dedicato alle Linee Guida WCAG 1.0, si propone come punto di riflessione sull'Accessibilità.
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
Spesso il paramento con cui valutiamo un sito è la bellezza trascurando l'usabilità.
la conseguenza è che l'utente non è più il nostro obiettivo principale
Queste le parole di Jacob Nielsen che riassumuno le slide
«Credo che l’obiettivo della maggioranza dei progetti web dovrebbe essere il rendere semplice per le persone (o per i clienti) lo svolgimento delle attività che hanno un qualche fine pratico»
Nell'ultimo periodo si è parlato molto di Design, Accessibilità ed Usabilità di questi siti internet, ma davvero incontrano le esigenze del cittadino?
Nuove regole e leggi danno la linea per gli sviluppi dei website futuri, che devono considerare anche l'aspetto fondamentale di un sito web: comunicare correttamente con gli utenti nel modo più chiaro possibile.
Spesso le PA medio-piccole, non possono permettersi un reparto IT interno che operi sugli aspetti Web.
Come portare quindi la tecnologia e l'esperienza di professionisti del web ai dipendenti e professionisti delle Pubbliche Amministrazioni che non operano in campo web e comunicazione?
Scopriremo che spesso, oltre ad un'assistenza eseguita da un professionista per la parte tecnica, basta poco per poter gestire correttamente ed internamente la comunicazione in modo comprensibile e accessibile.
Come cambia il web e il contesto. Nel 2015 gli utenti da mobile supereranno quelli da desktop. Le strutture dei siti devono essere sempre più liquide, e adattarsi al device dal quale vengono visualizzati.
Presentazione delle linee guida sull'accessibilità dei siti web e delle implicazioni tecniche relative agli ausili ed ai linguaggi di sviluppo web.
Materiale relativo al corso di Tecnologie per la Disabilità del Politecnico di Torino (http://bit.ly/tecndisab)
L'intervento si focalizzerà sul modo in cui gli utenti non vedenti utilizzano lo screen reader nella fruizione di documenti e siti web con particolare attenzione ad alcuni servizi web 2.0.
La modalità di utilizzo degli screen reader da parte degli utenti non vedenti e le relative criticità sono state rilevate mediante la raccolta e l'analisi di studi e ricerche presenti in rete ma anche, e soprattutto, attraverso l'esperienza di lavoro di sviluppo web orientato all'accessibilità e l'osservazione degli utenti
1. Di Cinzia Savonitti
Per il corso:
Tecnologie dei media digitali
2012/13
Cinzia Savonitti
2. L’uso di tecnologie informatiche a supporto
dell’insegnamento costituisce un’area di sempre
maggior interesse sia per esperti dell’educazione,
che per figure professionali interessate a realizzare
piattaforme software, in cui insegnanti, tutor e
studenti svolgeranno le loro attività.
L’e-learning però per essere veramente efficace
necessità di poter usufruire di strumenti che siano
non solo stimolanti ed innovativi ma con un alta
percentuale di usabilità e accessibilità per le
diverse categorie di utenti che ne usufruiranno.
Pur potendo sembrare concetti simili essi sono
concettualmente differenti all’interno di un
contesto tecnologico.
Cinzia Savonitti
3. Secondo la definizione data dalla norma ISO
9241*, l'usabilità è il "grado in cui un prodotto
può essere usato da particolari utenti per
raggiungere certi obiettivi con efficacia,
efficienza e soddisfazione in uno specifico
contesto d'uso."
*ISO (International Organization for Standardization) 9241: Norme che
regolano l’usabilità di un software.
Cinzia Savonitti
4. “Content is accessible when it may be used by someone with
a disability.”
“Un contenuto è accessibile quando può essere usato da
qualcuno con una disabilità”
Definizione di accessibilità secondo il W3C
Cinzia Savonitti
8. Il concetto di usabilità, sviluppato sin dal suo inizio
all'interno dell'ergonomia* tradizionale, ha avuto
forti rapporti con gli studi volti a migliorare
l'usabilità dei prodotti informatici, in particolare
del software.
Possiamo distinguere alcuni periodi storici nei
quali il concetto di usabilità si è evoluto:
*Ergonomia: scienza che si occupa dello studio dell'interazione tra
individui e tecnologie.
Cinzia Savonitti
9. Anni 60-70: L'usabilità era ancora sconosciuta in quanto
progettista e utilizzatore erano, spesso, la stessa persona.
Anni 80-90: diffusione delle tecnologie informatiche a livello di
ufficio e di famiglia, definitivamente consolidata negli anni 90,
con la diffusione del personal computer. Improvvisamente gli
utenti finali del software (ma naturalmente anche dell'hardware)
non erano più i progettisti. Ora il mercato imponeva di vendere
macchine e programmi a chiunque. E "chiunque" NON era un
esperto di informatica.
L’avvento del Macintosh, primo computer con un sistema
operativo completamente visuale, basato sulla metafora della
scrivania e dello spostamento intuitivo degli oggetti fu il primo
esempio di usabilità voluta, i progettisti iniziarono finalmente a
spostare l'attenzione sull'utente finale.
Internet : con l'avvento di Internet e la proliferazione dei siti web,
si è dovuto tener conto di differenti fattori nell'interazione
utente-ambiente web, a causa della maggiore scelta disponibile
e non solo.
Cinzia Savonitti
10. Acquisto Software Visualizzazione sito
Guadagno produttore Valutazione dell’ utente
Utilizzo utente Utilizzo proficuo (usabilità alta) Abbandono
Feedback guadagno produttore
Quindi l’usabilità di un sito web diventa fattore fondamentale del suo successo.
" Un sito web è usabile quando soddisfa i bisogni informativi dell'utente finale che lo
sta visitando e interrogando, fornendogli facilità di accesso e di navigabilità e
consentendo un adeguato livello di comprensione dei contenuti. Nel caso non sia
disponibile tutta l'informazione, un buon sito demanda ad altre fonti informative."
(Visciola, 1999)
Cinzia Savonitti
11. Navigabilità: esistenza di un sistema di navigazione e di orientamento nel sito. Essendo
un ipertesto deve evitare il senso di smarrimento, l’utente deve sapere dove si trova e
come può ritornare facilmente ad un punto precedente. Anche i link devono dare
anticipazioni corrette su dove porteranno.
Utilità attesa: disponibilità di informazioni e/o servizi che corrispondono alle aspettative
degli utenti. L’utente web ha delle aspettative di ritorno per il tempo che dedica alla
visita del sito. Bisogna evitare che le promesse del sito siano disattese o addirittura
false.
Completezza dei contenuti: presenza di contenuti informativi al livello di dettaglio
desiderato dagli utenti: per un sito specialistico ad esempio è importante che sia subito
definita l’audience a cui si rivolge.
Comprensibilità delle informazioni: E’ importante scegliere correttamente il linguaggio
da usare, soprattutto per operazioni interattive. Deve esistere un sistema di
classificazione delle informazioni comprensibile a tutti, anche se il contenuto finale può
essere specialistico.
Efficacia comunicativa: la strategia comunicativa del sito. L’efficacia comunicativa è
fondamentale per la buona riuscita del sito, linguaggio specifico ma comprensibile e
accattivante.
Attrattività grafica: la qualità della grafica e la piacevolezza visiva del sito. La grafica
deve portare ad un giusto equilibrio tra emozioni e comfort che induce sull’utente e
utilizzo consapevole dei contenuti. Non deve nascondere il vero scopo del sito.
Cinzia Savonitti
12. Euristica: verifica del rispetto dei requisiti di usabilità da parte di esperti.
Walk through: metodo ispettivo. Un gruppo di esperti, progettisti,
tecnici, utenti esprimono una valutazione sugli effetti dell’interfaccia
sull’utente finale. E' importante che il prodotto risulti facile da
apprendere.
Cooperativa: consiste nell’osservare il “pensiero ad alta voce” dell’utente
nello svolgimento del compito mediante l’uso dell’interfaccia. Può essere
condotto in laboratorio. Esiste interazione tra utente e valutatore.
Test di usabilità: osservazione in ambiente controllato dell’interazione
tra utente e interfaccia nell’esecuzione di un compito prefissato e
successiva analisi del comportamento. Sono possibili misure
quantitative.
Questionari: strumenti di valutazione somministrabili a molti utenti, con
tutte le cautele del caso. Implica la conoscenza sommaria dell’interfaccia
ed è realizzabile attraverso l’esecuzione, da parte di un campione di
utenti, di una serie di compiti, uguali per tutti, e successiva
compilazione del questionario.
Cinzia Savonitti
15. l'attenzione ai problemi di accesso al Web dei disabili
garantire l'universalità dell'accesso, ovvero a non escludere
nessuno: non solo i disabili in senso stretto, ma anche chi
soffre di disabilità temporanee, chi ha attrezzature obsolete,
chi usa sistemi poco comuni, chi dispone di connessioni
particolarmente lente.
Implementazione dei suoi principi fin dalla progettazione del
sito
Cinzia Savonitti
16. Disabilità permanenti:
la cecità (richiede descrizioni alternative per tutti i contenuti visuali)
l'ipovisione (richiede caratteri grandi, margini ampi, l'uso di colori non abbaglianti, forte
contrasto tra primo piano e sfondo, impaginazioni semplificate)
la cecità ai colori (richiede accoppiamenti di colore in cui il contrasto tra primo piano e
sfondo sia basato sulla differenza di luminosità piuttosto che sulla differenza di
tonalità)
la sordità (richiede alternative equivalenti per tutti i contenuti auditivi. Soprattutto i
sordi dalla nascita possono avere seri problemi nell'afferrare i concetti esposti tramite
testi che presentano strutture grammaticali e sintattiche complesse)
la mancanza o la paralisi degli arti superiori (richiede pagine web navigabili anche senza
l'uso del mouse, per esempio per mezzo di comandi vocali)
la dislessia (l'uso di termini difficili o il ricorso continuo a parole straniere può rendere
estremamente difficile la lettura di una pagina web per un dislessico)
l'epilessia (la presenza di immagini in movimento sullo schermo, particolarmente se lo
sfarfallamento delle immagini avviene con una frequenza intorno ai 20 Hz, può
scatenare crisi epilettiche in soggetti predisposti)
il ritardo mentale (vi sono persone affette da lievi forme di ritardo mentale, che sono in
grado di usare proficuamente pagine e siti web, purché questi siano realizzati
rispettando adeguati criteri di semplicità e di chiarezza espositiva)
Cinzia Savonitti
17. Altre categorie di utenti:
Persone con normali problemi della vista quali miopia, presbiopia,
astigmatismo, ipermetropia, cataratta, ecc.(accertarsi che il testo sia
ridimensionabile per mezzo dei normali comandi presenti nei più
diffusi browser,evitare pulsanti grafici)
Persone anziane e/o dotate di scarsa o nulla preparazione
informatica (non utilizzare interfacce complesse)
Persone di livello culturale basso o che parlano un'altra lingua
(Contenuti semplici e lineari)
Cinzia Savonitti
18. Utenti con hardware obsoleto:
Persone che usano software obsoleti
Connessioni lente
Utilizzo di un codice standard e contenuti di tipo prevalentemente
testuale
Cinzia Savonitti
19. W3C World Wide Web Consortium
Organismo internazionale senza fini di lucro, che dal 1994 ha il
compito di definire i linguaggi e le procedure standard per rendere
il Web uno strumento realmente democratico ed universale.
Obbiettivi:
Creare protocolli che diano accesso illimitato alla rete da qualsiasi
tipo di dispositivo (cellulare pd e-reader) e mantenerli aggiornati
nel tempo
Rendere il Web agevole anche a diversi tipi di utenti
Vigilare affinchè il Web rimanga libero e di tutti
WA
Cinzia Savonitti
20. WAI Web Accessibility Initiative
Sezione del W3C che si occupa specificatamente dell’accessibilità e
ha prodotto una serie di raccomandazioni tecniche, mirate a dare
agli sviluppatori gli strumenti per rendere accessibili non solo i
contenuti del Web, ma anche i programmi per navigare in Rete
nonché quelli utilizzati per produrre e pubblicare contenuti.
Legge Stanca
Cinzia Savonitti
21. Requisito 1: scrivere codice pulito, senza errori
sintattici e semanticamente corretto
Requisito 2: non utilizzare i frame.
Requisito 3: alternative testuali per oggetti non di testo.
Requisito 4: non fare affidamento solo sul colore
(ad es per segnalare i link)
Requisito 5: evitare oggetti e scritte lampeggianti o
in movimento
Cinzia Savonitti
22. Requisito 6: garantire un adeguato
contrasto tra il testo e lo sfondo.
Requisito 7-8: In caso di utilizzo di mappe immagine
lato server, fornire i collegamenti di testo alternativi.
Requisito 9-10: le tabelle devono sempre avere alcuni
speciali elementi e attributi (summary, scope ecc.).
Cinzia Savonitti
23. Requisito 11: le informazioni relative alla presentazione
vanno in fogli di stile a parte.
Requisito 12: carattere, testo,… devono poter essere
adattati alla dimensione della finestra del browser.
Requisito 13: se si usano tabelle per impaginare, non
usare mai elementi e attributi propri delle tabelle dati.
Requisito 14: associare a tutti i campi di tutti i moduli (form) ad
un’etichetta.
Requisito 15: garantire che le pagine siano utilizzabili
anche da chi ha disabilitato gli script, gli applet
Requisito 16: non legare azioni od eventi all’uso
esclusivo del mouse.
Cinzia Savonitti
24. Requisito 17: garantire che oggetti flash e applet siano
accessibili.
Requisito 18: proporre un’alternativa testuale
equivalente (riassunti, sottotitoli …) a filmati.
Requisito 19: rendere chiara la destinazione di ciascun
collegamento ipertestuale.
Requisito 20: Segnalare la messa off-line di parti o del sito intero
Requisito 21: distanziare sufficientemente le voci di
menù e altri collegamenti.
Requisito 22: aggiornare i siti non accessibili il prima possibile
Cinzia Savonitti
26. Massimo contrasto possibile non solo di colori ma anche di tonalità/luminosità:
ass
Non corretto Corretto : fornisce un
adeguato contrasto
Cinzia Savonitti
27. Evitare assolutamente di inserire sfondi grafici compositi sotto i testi.
Rende il testo illeggibile
Cinzia Savonitti
28. Creare un modo alternativo per la fruizione di contenuti che richiedono un
particolare senso.
Inserire l’attributo “Alt” per ogni oggetto
Cinzia Savonitti
29. Cercare di seguire una struttura logica nella disposizione dei contenuti in
modo che si notino le relazioni fra di essi non sia solo visuale ma che sia
leggibile nel codice (uso degli attributi H1 H2 Title div p)
Cinzia Savonitti
30. Controllo automatico tramite i servizi del W3C della correttezza formale del
codice HTML e CSS
http://validator.w3.org/
Controllo fruibilità del sito da diversi Browser
Cinzia Savonitti