Un tuffo nell'accessibilità web. (http://tinyurl.com/tuffoweb) La query http://www.google.com/search?q="web+accessibility" trova il 22/1/2010 3.220.000 items. L'argomento è vasto come un oceano; un professionista del web non lo può trascurare. Anche se si tratta di un argomento trasversale ed ortogonale (non opposto) alla sicurezza un tuffo, (una full-immersion), in questo oceano è necessario per gustarlo, per rispettarlo. Per capire come si fa a curare l'accessibilità di un sito web basta leggere e studiare una delle tante guide ma per capire perché farlo è necessario chiudere gli occhi, concentrarsi, respirare e tuffarsi nel blu.

1. Un tuffo nell’accessibilità web Dipartimento di Pediatria Salus Pueri Comunità di Pratica U-WAKES Seminario interno al corso di Tecnologie Web della laurea in Informatica della Facoltà di SC. MM. FF. NN

2. Prima parte: le basi

3. Un servizio informatico è accessibile quando è P U R O Percettibile : i contenuti multimediali possono essere percepiti anche anche se non si vede (audiodescrizione) o non si sente (sottotitoli); Usabile/Comprensibile : le informazioni devono essere chiare e semplici in ogni lingua; Robusto : vengono utilizzati standard ISO/W3C affinché, sia oggi che domani i contenuti, siano percepibili e usabili; Operabile : l’interfaccia per l’input è multimodale (contemporaneamente più modalità: voce/mouse/tastiera/touch screen) e la velocità dell’output visivo e vocale è personalizzabile Autore foto: Marco Filippi Licenza: Un tuffo nell’accessibilità web WCAG 2.0 standard web del W3C

4. Le parole sono importanti!

7. Le parole sono importanti! Esempi studentessa con una ridotta funzionalità delle strutture corporee collegate alla deambulazione Ottimo ma lungo studentessa con una ridotta funzionalità degli arti inferiori Perfetto la ragazza che utilizza una sedia a rotelle per i suoi spostamenti ed il tatto per leggere Molto meglio la ragazza con disabilità, che non vede, che non parla, che non cammina Meglio la ragazza disabile Tollerabile la ragazza diversamente abile o diversabile, diversamente alta (=bassa), ricca (=povera) e onesta (=disonesta) Deprecabile la ragazza portatrice di una disabilità Deprecabile la ragazza confinata o ridotta su una sedia a rotelle o (peggio) su una carrozzina Deprecabile L’handicappata, la disabile, la cieca, la sorda, la storpia, la nana Deprecabile +

8. Personaggi ed Evoluzione del web PURO

9. Personaggi del web PURO Web Master Tecnico Utente Sito

14. L’evoluzione della disabilità

16. Menomazioni invalidanti nei bimbi Per un ottimo livello di inclusione sociale (ver. grafica)

18. Tecnologie Multimediali, Multicanali e Multimodali

19. Un tuffo nell’accessibilità web modello di interazione Utente - Macchina elaborazione output percezione cognizione azione input Tecnologie compensative, adattive e assistive Contenuti accessibili

21. Affinché l’output multimediale venga percepito da ogni persona multisensoriale deve essere multicanale . L’output del sito web di una PA a norma di legge viene dal client trasformato in un contenuto percepibile dal cittadino Un tuffo nell’accessibilità web multimedialità, multicanalità output contenuto

23. Affinché la volontà comunicativa di OGNI cittadino e quindi la relativa azione venga acquisita ed elaborata come un input valido l’interfaccia deve essere * multimodale * . Il sito web di una PA a norma di legge dialoga correttamente con ogni client utilizzando protocolli standard e accessibili Un tuffo nell’accessibilità web multimodalità azione input

24. Regolamenti Leggi Standard Linee Guida

27. PURO/POUR Perceivable Understandable Robust & Operable

29. Sulla Percettibilità dei colori Non usare mai il colore per veicolare contenuti Le frasi corrette sono scritte in verde quelle errate in rosso Un BYTE è composto da 9 bit Un BYTE è composto da 8 bit Diventa in stampa e in video per alcuni Le frasi corrette sono scritte in verde quelle errate in rosso Un BYTE è composto da 9 bit Un BYTE è composto da 8 bit 1: Sulla percettibilità Mai solo colore per veicolare contenuti

31. Utilizzare uno sfondo semplice chiaro o scuro e assicurare la leggibilità dei testi 3: Sulla percettibilità Usare sfondi semplici

32. Quale delle seguenti descrizioni è la più corretta? 4: Sulla percettibilità Descrivere immagini e filmati 1: Isola di san Giorgio sul Canal Grande a Venezia 2: Un bicchiere, un piatto e una forchetta 3: 10 gondole blu 4: altro

33. Streaming Multicanale (contenuti sia audio che visivi tramite sottotitoli) dell'intervento con cui Piero Angela il 19 settembre ha aperto nell'Aula Magna dell'Università di Padova il Convegno Berlin 5 su Open Access 5: Sulla percettibilità Multicanalità vs Multimedialità Estratto: http://www.youtube.com/watch?v=dtCeVpOgqFY Completo: http://www.webmultimediale.it/play.php?vid=210 E’ importante curare la multi-canalità di un oggetto didattico multi-mediale attraverso commenti, audiodescrizioni o sottotitoli per renderlo PURO

34. Evitare slide con troppi concetti e caratteri piccoli 6: Sull’usabilità/comprensibilità Caratteri grandi e frasi corte! Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti . Una singola slide dovrebbe veicolare un concetto alla volta . Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti . Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti . Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti.

35. Preferire formati e protocolli per la codifica e la trasmissione di contenuti *standard e aperti* 7: sulla robustezza Formati e protocolli standard e aperti

36. Se vogliamo che i nostri contenuti multimediali siano pienamente accessibili e percepibili ad utenti di cui non conosciamo a priori le abilità sensoriali presenti e future... non è civile e furbo evitare tutto ciò che non è universale e per tutti? Non è universale il solo uso di attributi del testo (colore, dimensione, grassetto…) per enfatizzare una frase. E’ bene usare degli asterischi ( * ) o underscore ( _ ) Non è universale l’uso di faccine ‘rare’ per esprime un emozione. E’ bene usare quelle classiche precedute da una descrizione testuale (sorrisino ;-) 8: sulla robustezza Formati e protocolli standard e aperti

37. Contenuto fruibile anche con mouse sporco e casse audio rotte 9: sull’operabilità Computer sempre fruibile Click per proseguire Click per proseguire Click per proseguire Click per proseguire .

38. Per essere sicuri di aver creato un contenuto digitale comprensibile e percettibile da tutti, basta selezionarlo, copiarlo, incollarlo in un editor di testo, stamparlo in bianco e nero e… farlo leggere ad un bimbo di 6 anni! Un tuffo nell’accessibilità web Regola d’oro per un contenuto web PURO

39. Tu sei libero di riprodurre, distribuire, esporre in pubblico quest'opera; alle seguenti condizioni: BY - Attribuzione. Devi attribuire la paternità dell'opera. NC - Non commerciale. Non puoi usare quest'opera per fini commerciali. SA - Condividi nello stesso modo. Se alteri o trasformi quest’opera usa una licenza identica o equivalente. Un tuffo nell’accessibilità web Licenza di utilizzo CC- BY-NC-SA

40. Tu sei libero di non seguire questi consigli nel creare contenuti digitali; alle seguenti condizioni: Spreco . Creare oggetti intrinsecamente accessibili evita costosi adeguamenti. Miopia . Ogni ‘normodotato’ è abile solo temporaneamente e relativamente. Inciviltà . Violazione legge 4/2004 e standard internazionali ISO/W3C Un tuffo nell’accessibilità web Licenza di *non* utilizzo

43. Seconda parte: www.pediatria.unipd.it