UNIVERSITÀ DEGLI STUDI DI PAVIA C ORSO DI L AUREA I NTERDIPARTIMENTALE IN C OMUNICAZIONE, I NNOVAZIONE, M ULTIMEDIALITÀ Usabilità e Accessibilità del Web:

Presentazione sul tema: "UNIVERSITÀ DEGLI STUDI DI PAVIA C ORSO DI L AUREA I NTERDIPARTIMENTALE IN C OMUNICAZIONE, I NNOVAZIONE, M ULTIMEDIALITÀ Usabilità e Accessibilità del Web:"— Transcript della presentazione:

1 UNIVERSITÀ DEGLI STUDI DI PAVIA C ORSO DI L AUREA I NTERDIPARTIMENTALE IN C OMUNICAZIONE, I NNOVAZIONE, M ULTIMEDIALITÀ Usabilità e Accessibilità del Web: regole di progettazione e analisi di casi concreti Relatore: Prof. Marco Porta Correlatore: Prof. Lidia Bernarduzzi Falomo Tesi di laurea di Thomas Russo

2 Sommario 1.Come possiamo definire l’accessibilità?Come possiamo definire l’accessibilità? 2.AccessibilityAccessibility 3.World Wide Web ConsortiumWorld Wide Web Consortium 4.Recommendations (WCAG, Web Content Accessibility Guidelines)Recommendations (WCAG, Web Content Accessibility Guidelines) 5.Dispositivi fisici: trackball, joystick, dispositivi di puntamento col capo, eyetrackingDispositivi fisici: trackballjoystickdispositivi di puntamento col capoeyetracking 6.Dispositivi virtuali: mouse e tastiera su schermo, lente d’ingrandimento, riconoscimento vocaleDispositivi virtuali: mousee tastiera su schermolente d’ingrandimentoriconoscimento vocale 7.Esempi di analisi dell’accessibilitàEsempi di analisi dell’accessibilità 8.Verifica pratica università Sapienza di Roma, Bologna, della Basilicata e di PaviaVerifica pratica università Sapienza di RomaBolognadella Basilicatae di Pavia 9.Strumenti utilizzati per i testStrumenti utilizzati per i test 10. ConclusioniConclusioni

3 Come possiamo definire l’accessibilità? Home

4 Accessibility Il W3C la definisce così: “Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging” Home

5 World Wide Web Consortium Ente creato da Tim Berners-Lee nel 1994 Si occupa di sviluppare le potenzialità del W3 Aggiornamento specifiche per creazione linguaggio comune di programmazione Formulazione di 14 recommendations per la scrittura di una pagina web Home

6 Recommendations (WCAG, Web Content Accessibility Guidelines) Toccano vari campi, dall’alternativa testuale a immagini e video a consigli sul colore L’accesso ai contenuti deve essere possibile da tutti i dispositivi (mobili e fissi) e da qualunque browser Utilizzare linee guida e tecnologie W3C Chiarezza di organizzazione e di contenuti Home

7 Dispositivi fisici: trackball Home

8 Dispositivi fisici: joystick Home

9 Dispositivi di puntamento col capo Home

10 Dispositivi fisici: eyetracking Home

11 Dispositivi virtuali: mouse su schermo Home

12 Dispositivi virtuali: tastiera su schermo Home

13 Dispositivi virtuali: lente d’ingrandimento Home

14 Dispositivi virtuali: riconoscimento vocale Home

15 Esempi di analisi dell'accessibilità Quattro università italiane: La Sapienza, Università di Bologna, Università della Basilicata e Università di Pavia Home

16 Università Sapienza di Roma Tutte le informazioni sono disposte in home page in maniera immediata ed efficace Home

17 Università Sapienza di Roma Non rispetto del criterio 1.4 delle WCAG 2.0: basso contrasto tra link e sfondo. Home

18 Università Sapienza di Roma Non rispetto del criterio 1.1 delle WCAG 2.0: mancanza di alternative testuali per immagini delle pagine analizzate Home

19 Università di Bologna Icone simboliche per identificare le sezioni Home

20 Università di Bologna Pagina accessibilità bilingue (italiano/inglese) Home

21 Università di Bologna Organizzazione home page troppo estesa verticalmente Home

22 Università della Basilicata Sezione inglese assente Home

23 Università della Basilicata Pagina non accessibile disabilitando script ed immagini Home

24 Università di Pavia Ateneo "social-oriented" Home

25 Università di Pavia I contenuti del sito sono evidenziati in home page Home

26 Università di Pavia Unica università tra le 4 ad avere una pagina senza errori (nessun problema nel test CSS per la home page inglese) Home

27 Università di Pavia Non rispetto del criterio 1.4 delle WCAG 2.0: basso contrasto tra link e sfondo Home

28 Università di Pavia Non rispetto del criterio 1.4 delle WCAG 2.0: basso contrasto tra testo e sfondo Home

29 Università di Pavia Scelta della lingua impossibile senza caricamento script ed immagini Home

30 Strumenti utilizzati per i test Automatici e semiautomatici: Validatori CSS (per fogli di stile), HTML del W3C Tool Achecker per accessibilità pagine web Contrasto foreground/background Manuali: Verifiche di visualizzazione delle pagine senza script ed immagini, riflessioni sulle scelte fatte dai webmaster dei siti e verifica navigabilità dei siti con l’utilizzo della sola tastiera Home

31 Conclusioni Lo standard generale per il rispetto dei requisiti di accessibilità è dettato dalle WCAG e dalle recommendations del W3C Essendo state rilevate problematiche che impediscono la parziale o totale visualizzazione di sezioni del sito, nessuno di quelli analizzati può quindi definirsi totalmente accessibile Home

32 GRAZIE PER L’ATTENZIONE!! Home