Tecniche di accessibilit web Che cosa si intende
Tecniche di accessibilità web Che cosa si intende per accessibilità? Dalla definizione alla pratica. Video “Keeping Web Accessibility in Mind” http: //www. webaim. org/intro /video. php Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Definizione “comune” di accessibilità Ü Definizione prevalente sui dizionari di lingua italiana. Accessibilità: caratteristica di chi o di ciò che è accessibile. Ü Accessibile: di facile accesso, di facile comprensione ovvero raggiungibile con facilità sia fisicamente che mentalmente. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Definizione “specialistica” di accessibilità Ü Definizione del W 3 C (World Wide Web Consortium) Un contenuto è accessibile quando può essere usato da qualcuno con una disabilità. Ü Ovvero quando le persone con disabilità possono percepire, capire, navigare ed interagire con esso in modo concreto. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Definizione “specialistica” di accessibilità Ü Dalla definizione emerge la differenza tra accessibilità e usabilità. Infatti non viene considerato accessibile un contenuto genericamente usabile, ma un contenuto che sia usabile da qualcuno affetto da una disabilità. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Definizione di accessibilità secondo Diodati Accessibile è un contenuto web che può essere fruito da un utente indipendentemente da disabilità o limitazioni fisiche e/o cognitive, occasionali o permanenti, e indipendentemente dal tipo di tecnologia utilizzato per collegarsi alla Rete. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Ulteriore accezione di accessibilità Il termine “accessibilità” viene usato non solo per indicare l’essere accessibile di un contenuto o di un programma, ma anche l’insieme di linee guida, raccomandazioni, suggerimenti, tecniche, per produrre contenuti, strumenti autoriali e programmi utente accessibili. E’ il caso del titolo di questo corso. . Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web I beneficiari dell’accessibilità Secondo il W 3 C le categorie interessate sono: Ü I ciechi Ü I sordi Ü Gli ipovedenti Ü Le persone con disabilità motorie che pregiudicano l’utilizzo di mouse e tastiera Ü I malati di epilessia fotosensibile Ü Individui con disabilità cognitive o dell’apprendimento Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web I beneficiari dell’accessibilità Le categorie di disabili elencate ci riportano al significato comune della parola individuando: Ü Da un lato disabilità fisiche Ü Dall’altro disabilità mentali Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Altri beneficiari dell’accessibilità Nell’introduzione delle WCAG si fa riferimento anche ad altre problematiche limitano l’accesso ai contenuti del web: Ü persone senza disabilità in differenti situazioni; Ü persone con disabilità temporanee; Ü persone con barriere tecnologiche; Ü persone anziane. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Altri beneficiari dell’accessibilità Ad esempio utenti che: Ü possono avere uno schermo solo a caratteri, uno schermo piccolo o una connessione lenta a Internet; Ü possono non parlare o comprendere in modo fluente la lingua in cui il documento è scritto; Ü possono trovarsi in situazioni in cui la vista, l’udito o le mani sono occupati o ostacolati (alla guida, in un ambiente rumoroso, ecc. ); Ü possono avere una versione precedente di un browser, o un diverso sistema operativo. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Beneficiari dell’accessibilità: riepilogo Ü persone con disabilità fisiche e/o cognitive permanenti; Ü persone che per ragioni contingenti (hanno le mani o gli occhi impegnati, lavorano in ambienti rumorosi, non conoscono bene una lingua) incontrano difficoltà simili a quelle di chi è affetto da disabilità fisiche o cognitive permanenti; Ü persone che usano tecnologie potenzialmente “invalidanti” (computer o programmi obsoleti o poco comuni, connessioni a Internet molto lente). Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Destinatari dell’accessibilità Sempre secondo il W 3 C, i destinatari dell’accessibilità, intesa come insieme di linee guida e tecniche, sono: “gli sviluppatori di contenuti per il Web (autori di pagine e progettisti di siti - Web developers) e gli sviluppatori di strumenti autoriali (authoring tools developers)”. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Un principio chiave dell’accessibilità Flessibilità di incontrare differenti bisogni, situazioni e preferenze, rendendo fruibili e usabili i contenuti Web a tutte le categorie di utenti individuate in precedenza. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Perché sviluppare un web accessibile Sviluppare contenuti e servizi accessibili porta sostanzialmente due vantaggi: ÜUno di carattere sociale ÜUno di carattere economico Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Perché sviluppare un web accessibile Vantaggio sociale Un Web accessibile, che permetta alle persone con disabilità di partecipare attivamente nella vita sociale, è essenziale per una uguaglianza di opportunità in molte aree (educazione, politica, professionale, ecc…). Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Perché sviluppare un web accessibile Vantaggio economico Sviluppare seguendo le linee guida per l’accessibilità incrementa la quota di mercato e l'estensione del pubblico di un sito web, aumentando la sua generale usabilità e l’efficienza. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Perché sviluppare un web accessibile Infatti permette di: ÜAumentare l'usabilità per visitatori non disabili e disabili. ÜMigliorare la posizione nei motori di ricerca. ÜRiutilizzare il contenuto per vari formati e dispositivi. ÜAumentare il supporto per versioni multilingue. ÜRidurre i costi di manutenzione del sito. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web I componenti del web accessibile Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web I componenti del web accessibile ÜContenuto: l’informazione in una pagina o applicazione (testi, immagini, codice, ecc. . ) ÜBrowser web e gli “user agents” in generale ÜTecnologia assistiva (screen reader, tastiere alternative, ecc. . ) ÜGli sviluppatori (designers, programmatori, autori) ÜGli strumenti di sviluppo (software usati) ÜGli strumenti di valutazione (i validatori, ecc. . ) ÜLe linee guida per i vari componenti (WCAG, specifiche tecniche dei linguaggi) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web I browser grafici ÜInternet Explorer (6, 7, 8, 9) ÜMozilla Firefox (3. X - 10) ÜChrome 19. 0 ÜSafari 5. 0 ÜOpera ÜSea. Monkey, Camino, Flock, Konqueror, ecc. . Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web I browser grafici: statistiche Fonte: netmarketshare. com (gennaio 2012) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Dispositivi mobili ÜTelefoni cellulari: solitamente risoluzione di 176 x 220 ÜPDA (personal digital assistant): risoluzione di 240× 320 pixel. Diverse modalità di visualizzazione ÜSmartphones: telefoni cellulari con funzioni di personal digital assistant (i. Phone, Black. Berry, Samsung). ÜLettori e-book, i-Pod, i-Pad, ecc. . Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Dispositivi mobili Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Mobile / tablet browser: statistiche Fonte: netmarketshare. com (gennaio 2012) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Risoluzione schermo: statistiche Fonte: netmarketshare. com (gennaio 2012) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: browser testuali ÜNascono con il web nei primi anni ‘ 90 Üeliminano automaticamente tutti gli elementi grafici Ümostrano all’utente solo i testi di una pagina, comprese le descrizioni testuali alternative, degli elementi grafici e multimediali. ÜInterazione principalmente via tastiera. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: browser testuali Non una tecnologia assistiva vera e propria, tuttavia ancora utilizzata da utenti non vedenti o con hardware poco performanti e/o connessioni lente. I principali browser testuali: ÜLynx ÜLinks ÜWebb. IE: lavora anche in modalità grafica, con il motore di rendering di IE Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: browser testuali Richiedono nella progettazione di una pagina web: ÜUna buona organizzazione dei contenuti. ÜEquivalenti testuali degli elementi grafici e multimediali non decorativi. Valido strumento per testare la reale accessibilità di una pagina web. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: browser testuali Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: browser testuali Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: screen reader Il lettore di schermo è: Üsoftware che traduce i contenuti presenti sul monitor di un computer in una forma non grafica, di solito in parole pronunciate da una voce sintetica. ÜUtilizzato da non vedenti per l’uso del PC Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: screen reader Il lettore di schermo necessita di : Ü hardware adeguato in memoria e supporto multimediale ÜSistema operativo che gli consenta di lavorare con le applicazioni presenti attraverso software integrati nel SO (es. Microsoft Active Accessibility – MSAA di Windows) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: screen reader Gli utenti che usano il lettore di schermo accedono ai contenuti in maniera seriale (lettura di tutto il contenuto) e non parallela (colpo d’occhio). Le pagine web devono dunque essere progettate utilizzando correttamente e semanticamente il codice per agevolare la comprensione dei contenuti. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Plugin Fangs per Firefox Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: screen reader I principali lettori di schermo sono: ÜJaws (http: //www. freedomscientific. com/) ÜWindow-eyes (http: //www. gwmicro. com/Window. Eyes/) ÜHal (http: //www. yourdolphin. com/) ÜWin. Guido (gratuito - http: //www. winguido. it/) ÜNVDA (gratuito - http: //www. nvda-project. org/) ÜPer Linux: Emacspeak, Orca, LSR ÜPer Mac: Voice. Over (integrato nel SO) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: screen reader Sondaggio sulle preferenze degli utenti di screen reader promosso da Web. Aim Versione italiana http: //lau. csi. it/testare/accessibilita/test_useragent/sondaggio/webaim. shtml Versione originale (inglese) http: //www. webaim. org/projects/screenreadersurvey Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: screen magnifiers Üingranditore di schermo: software che ingrandisce in tutto o in parte i contenuti del monitor. ÜAlcuni con funzione vocale. ÜUsati da persone che conservano una minima capacità visiva. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: screen magnifiers E’ possibile: ÜScegliere il fattore di ingrandimento; ÜLe modalità di ingrandimento: finestra intera, schermo diviso in 2 finestra; zoom della parte interessata della pagina; ÜColori del testo e dello sfondo Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive: screen magnifiers Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per ipovedenti Ipovedenti: persone con capacità visiva gravemente ridotta. Ad esempio: Ü poca acutezza, visione significativamente vaga o annebbiata. Ü perdita di tutta la visione centrale; la capacità di vedere soltanto l'anello esterno del campo visivo. Ü visione a "tunnel"; la capacità di vedere soltanto il centro del campo visivo normale. Ü perdita di visione in altre parti del campo visivo. Ü altri problemi, compreso la sensibilità a luce, l'emeralopia, il contrasto ridotto. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per ipovedenti Tecnologie utilizzate: ÜIngranditori di schermo (screen magnifiers). ÜFunzioni di ingrandimento dei vari programmi (SO e browser). ÜSchermi a bassa risoluzione. ÜContrasto colori marcato. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per ipovedenti Problemi da considerare in fase di progettazione: Ü dal contrasto tra il colore del testo e il colore dello sfondo; Ü dal font dei caratteri; Ü dalle dimensioni dei caratteri; Ü dallo spessore e dalla nitidezza del tratto; Ü dalla distanza tra i caratteri e tra le righe. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per ipovedenti Visual Impairment Simulator: software che simula i problemi affrontati dagli ipovedenti nell’uso del PC (http: //vis. cita. uiuc. edu/downld. php) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per disabilità uditive Utenti con perdita di udito o con sordità totale che necessitano di alcuni ausili: Ü Sottotitolazione dei contenuti audio. Ü Software per la traduzione scritta o nel linguaggio dei segni per il parlato (i. Communicator). ÜIn generale rappresentazione visiva di ogni evento audio. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per disabilità fisiche ÜTipologie di disabilità motorie piuttosto ampie: Alcuni utenti paralisi completa o parziale; debolezza muscolare; molto limitati; sensibilità, ma poco controllo del loro corpo; movimenti incontrollati e sporadici, ecc. . ÜDifficoltà nell’uso dei dispositivi di input (mouse, tastiera) per l’interazione con le interfacce. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per disabilità fisiche Tecnologie utilizzate: ÜMouse, trackball e tastiere speciali ÜTouch screen ÜSistemi di puntamento a testa (Head. Mouse Extreme) ÜSistemi di puntamento a labbra (Life. Tool) ÜSoftware per ridurre i tremori o per mouse e tastiere virtuali (Magic. Cursor 2000, Screen. Doors 2000, Discovery: screen) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per disabilità fisiche Esempi di: ÜSistemi di puntamento a labbra ÜSistemi di puntamento a testa ÜSoftware per ridurre i tremori Fonte Diodati Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Tecnologie assistive per disabilità fisiche In fase di progettazione sarà necessario: ÜEvitare risposte a tempo non controllabili. ÜLayout con elementi ravvicinati in cui risulti difficile il puntamento degli elementi. ÜConsentire l’accesso tramite tastiera a tutte le funzionalità. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Disabilità cognitive Anche in questo caso tipologie piuttosto differenti: Üdifficoltà di elaborazione come ritardi mentali, lesioni celebrali o altro. Üdeficit specifici come la mancanza di memoria a breve termine, l'incapacità di ricordarsi i propri nomi o altro. Üdisabilità dell'apprendimento quali dislessia, disgrafia, disorganizzazione cognitiva, disturbo da deficit di attenzione e iperattività. Üritardi linguistici. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Disabilità cognitive Tecnologie assistive hardware: ÜDispositivi che emettono segnali acustici o visivi per ricordare all’utente procedure e scadenze. ÜTastiere semplificate: tasti grandi e colorati che differenziano le azioni. ÜTouch screen: si applicano allo schermo e funzionano da mouse. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Disabilità cognitive Tecnologie assistive software: ÜLettura vocale dei contenuti testuali, associata all’evidenziazione delle parole. ÜPredizione della parola o della frase che l’utente sta scrivendo. ÜAssociazione di immagini a testi e comandi. ÜEs: Reading. Bar 2 plugin per IE, Dragon Naturally Speaking Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Disabilità cognitive In fase di progettazione si rende necessario: ÜUtilizzare impaginazioni che siano semplici e costanti. ÜUtilizzare sfondi uniformi e non complicati dietro il testo. ÜEvitare l'utilizzo di testi lampeggianti, evitando inoltre testi in movimento o animazioni testuali. ÜUtilizzare un linguaggio semplice (tuttavia sempre adeguato all’argomento). Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Strumenti nativi dei Sistemi Operativi Fonte: netmarketshare. com (gennaio 2012) Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Strumenti nativi dei Sistemi Operativi SO Microsoft Windows (XP, Vista, 7) pannello di controllo -> accesso facilitato Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Strumenti nativi dei Sistemi Operativi Principali fattori personalizzazione: Ürisoluzione/definizione dello schermo; Üdimensionamento degli oggetti tramite DPI; Üaspetto grafico di Windows; Üpuntatori del mouse; Üstruttura delle finestre; Üfunzionalità comuni del sistema operativo; Üutilizzo facilitato della tastiera; Ülente d'ingrandimento; Ütasti di scelta rapida. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Gli Standard Web: cosa sono? ÜTecnologie ideate e sviluppate dal W 3 C e da altri organi normatori, utilizzate per creare e interpretare contenuti per il web. ÜTecnologie ideate per documenti pubblicati sul web in grado di resistere al tempo e accessibili al pubblico più vasto possibile. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Gli Standard Web: cosa sono? ÜLinguaggi strutturali (HTML, XML). ÜLinguaggi di presentazione (CSS, SVG). ÜModelli a oggetti (DOM – Document Object Model) ÜLinguaggi di programmazione (ECMAScript 262, versione standard di Javascript). Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Progettare secondo gli Standard Web ÜRealizzare documenti in HTML/XHTML valido. ÜUsare i CSS per separare la presentazione dalla struttura di una pagina. ÜUsare codice ben strutturato e marcato in maniera semantica. ÜRealizzare pagine fruibili su ogni browser. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Progettare secondo gli Standard Web Ü Progressive Enhancement Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Progettare secondo gli Standard Web In particolare, separare la struttura (codice markup) dalla presentazione (CSS) permette di: ÜOttenere pagine più leggere e facili da caricare: il CSS viene caricato una sola volta dal browser; il codice è ottimizzato. ÜOttenere informazioni più facilmente “trovabili”: i motori di ricerca preferiscono infatti pagine in cui il contenuto è ben strutturato. …. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Progettare secondo gli Standard Web Ümantenere coerente il “Look&feel” del sito: con una modifica al CSS si cambieranno tutte le pagine Üdiminuire il carico di lavoro legato alla manutenzione delle pagine: aggiornare i contenuti non comporterà modifiche dell’aspetto del sito. Ügarantire una maggiore compatibilità tra le varie piattaforme e i browser, vale a dire maggiore portabilità: i browser interpretano sempre meglio gli standard. ÜMaggiore accessibilità. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Progettare secondo gli Standard Web Emergono quindi quelli che possono essere i vantaggi economici: ÜMinori costi di manutenzione dei siti. ÜMinori costi di banda utilizzata. ÜInformazioni più facili da reperire in rete. ÜMaggior numero di utenti in grado di fruire dei servizi proposti. Lezione 1 - Introduzione all'accessibilità e standard web
Tecniche di accessibilità web Perché usare gli Standard Web: riassunto ÜSviluppo e manutenzione più semplici. ÜCompatibilità con browser futuri. ÜPagine di dimensioni contenute e dunque più veloci da caricare. ÜMigliore accessibilità. ÜPagine più ricercabili dai motori di ricerca. ÜAdattamento ai diversi dispositivi più semplice. Lezione 1 - Introduzione all'accessibilità e standard web
- Slides: 63