Your SlideShare is downloading. ×
0
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Un tuffo nell'accessibilità web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Un tuffo nell'accessibilità web

817

Published on

Un tuffo nell'accessibilità web. (http://tinyurl.com/tuffoweb) …

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.

Published in: Education, Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
817
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
40
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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!
  • 5.
    • “ Quei cittadini infelici e minorati che la natura ha creato diversi e dipendenti dagli altri: handicappati, non vedenti, sordomuti… il cui recupero è oggi affidato in prevalenza ad uomini e donne di buona volontà.” da una mozione presentata il 21 aprile 1994 in Senato
    • Attualmente la persona con menomazioni sensoriali, motorie, intellettive o multiple non è più lo svantaggiato, l’emarginato, l’eterno perdente nella corsa per la sopravvivenza e per la vita; è sempre più vero l’opposto. Le persone con necessità diverse dallo standard sono sempre di più (anziani, sopravissuti da gravi incidenti stradali, persone con malattie invalidanti) ed una società moderna e civile non si può permettere il lusso di sottovalutare il costo sociale causato dalla mancata integrazione e inclusione di questi cittadini.
    Le parole sono importanti! Vecchie parole
  • 6.
    • Inclusione che ancor prima che nei fatti deve essere nelle parole. Accade invece che quando una persona che deve parlare o scrivere di disabilità in un contesto scientifico, accademico o divulgativo, anche se culturalmente preparata ed in buona fede, si trova in grave difficoltà. Usa parole che fanno venire la pelle d’oca alle persone che vivono quotidianamente nel mondo della disabilità.
    • Nella normale comunicazione ogni persona è libera di farsi chiamare come vuole (handicappato, disabile, diversabile, menomato, cecato, schiantato… ). In ambito didattico e lavorativo invece è opportuno evitare brutte figure con l’utente/cliente. Per questo è sufficiente conoscere ed applicare i documenti dell’OMS votati da rappresentati di tutte le nazioni
    Le parole sono importanti! Parole corrette
  • 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
  • 10.
    • Web 1.0
    Evoluzione del web PURO: ieri
  • 11.
    • Web 2.0
    Evoluzione del web PURO: oggi
  • 12.
    • Web 3.0
    Evoluzione del web PURO: domani
  • 13.
    • Web 0.9
    Evoluzione del web PURO: secolo scorso
  • 14. L’evoluzione della disabilità
  • 15.
    • L’introduzione degli screening, il miglioramento delle cure neonatali ed i progressi della tecnologia in campo sanitario hanno consentito di ridurre in modo significativo alcune gravi disabilità, quali la cecità totale (NLP – No Light Perception) e l’ipoacusia profonda.
    • D’altra parte è andata aumentando il numero di bambini con disabilità multiple come esito di prematurità estrema o di altre patologie (metaboliche, infettive, traumatiche, genetiche) per le quali l’avanzamento delle cure ha aumentato le possibilità di sopravvivenza.
    Menomazioni invalidanti nei bimbi Per vedere il futuro…. uno sguardo ai bimbi
  • 16. Menomazioni invalidanti nei bimbi Per un ottimo livello di inclusione sociale (ver. grafica)
  • 17.
    • grafico bidimensionale dell’andamento del livello di maturazione-sviluppo dalla nascita all’età adulta in funzione dell’esperienza, nei casi di:
      • assenza di maturazione;
      • maturazione parziale;
      • maturazione completa.
    • Indurre e facilitare la maturazione di un bambino attraverso interventi educativi può portare ad un livello ottimale di sviluppo e quindi di inclusione sociale.
    Menomazioni invalidanti nei bimbi Per un ottimo livello di inclusione sociale (ver. testuale)
  • 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
  • 20.
    • Si parla di…
    • * multimedialità * , quando per presentare un contenuto ci si avvale di molti media diversi compresenti e sincronizzati: video, fotografie, musica e testo.
    • * multicanalità * in relazione ad un oggetto digitale (contenuto o sistema) i cui contenuti sono accessibili attraverso più di un canale percettivo (es. video sottotitolato)
    Un tuffo nell’accessibilità web multimedialità, multicanalità
  • 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
  • 22.
    • Si parla di…
    • * multimodalità * quando l’iterazione con sistemi informatici avviene attraverso modalità di input comunemente utilizzate dall’uomo per interagire con il mondo . Quindi non solo tastiera e mouse, ma anche voce e movimenti volontari.
    • http:// webaccessibile . org /le-basi/come-comunichiamo-con-i-computer/le-interfacce- multimodali /
    Un tuffo nell’accessibilità web multimodalità
  • 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
  • 25.
    • Regolamentazione (…) Ateneo (…) web strutture
      • www.unipd.it/regolamenti/ricerca_prestazionicontoterzi-Ricerca.htm
    • * Legge “Stanca (Campa-Palmieri)”* “Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici”
      • www.governo.it/Presidenza/web/legge09012004.html
    • WCAG 2.0: linee guida del progetto WAI del W3C.
      • www.w3.org/TR/WCAG/
    Regolamenti, Leggi, Standard, Linee Guida Ateneo, Legge “Stanca” e WCAG/W3C
  • 26. Regolamenti, Leggi, Standard, Linee Guida Dai 22 requisiti della legge “Stanca (Campa-Palmieri)”
    • Requisiti 3 e 18 : Curare la presentazione multicanale di oggetti multimediali e non testuali. Fornire nel caso di immagini, e in special modo di quelle con del testo, la descrizione. Inoltre, ove possibile, includere un riassunto o dei sottotitoli nel caso di filmati.
    • Requisiti 4 e 6 : Curare la leggibilità visiva e sonora delle informazioni testuali. Fare attenzione ai colori scelti che devono avere un buon contrasto e che non devono essere usati da soli per veicolare le informazioni.
    • Requisito 19 : Curare che la navigazione sia chiara e semplice. Il testo dei link dev'essere indicativo dell'oggetto a cui fa riferimento anche se decontestualizzato. Il contenuto deve permettere di raggiungere le varie sezioni del documento in maniera agevole.
    • Requisito 2 : Curare l’identificazione della lingua principale con cui è scritto il contenuto della pagina. Nelle pagine multilingua inserire le informazioni necessarie ad identificare I cambiamenti di lingua nelle frasi.
  • 27. PURO/POUR Perceivable Understandable Robust & Operable
  • 28.
    • I seguenti semplici consigli,
    • mostrando l’opposto,
    • Insegnano come
    • realizzare un
    • contenuto
    • digitale
    • P U R O
    http://boobam.org/tetra.htm Un tuffo nell’accessibilità web Tetraedro PURO
  • 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
  • 30.
    • Verificare con una stampa come appare il documento in B/W
    • Verificare con una stampa come appare il documento in B/W
    2: Sulla percettibilità Stampare a colori costa
  • 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
  • 41.
    • The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.
    • La forza del Web risiede nella sua universalità. Che tutti possano avervi accesso, indipendentemente da eventuali disabilità, ne è un aspetto essenziale"
    • Tim Berners-Lee
    Un tuffo nell’accessibilità web TBL: La forza del Web Fine prima parte
  • 42.
    • Raccolta linee guida, leggi e regolamenti: www.pediatria.unipd.it/on-line/Home/Accessibilita.html
    • Segnalazioni siti anche parzialmente non conformi alla legge Stanca nell'Osservatorio accessibilità ai Servizi nelle Pubbliche Amministrazioni www.accessibile.gov.it/consulta/ 
    • TETRAEDRO P.U.R.O. http:// boobam . org /tetra. htm
    • Le parole per parlarne http://www. asphi . it / DisabilitaOggi / DefinizioniOMS . htm http:// webaccessibile . org /le-basi/le-parole-sono-importanti/
    Un tuffo nell’accessibilità web Link utili
  • 43. Seconda parte: www.pediatria.unipd.it

×