Area Sviluppo WebForum Biblioteca Virtuale25/10/02 1 Progettazione e realizzazione di un sito accessibile 7° Forum Biblioteca Virtuale Moncalieri 25/26 ottobre 2002 Progettazione e realizzazione di un sito accessibile: teoria e strumenti Gabriella Braiato

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 2 Obiettivi dellintervento: offrire una panoramica sugli standard indicati dal W3C per la progettazione e la realizzazione di siti Web senza barriere presentare alcuni strumenti usati per realizzare e testare un sito Web Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 3 Accessibilità: inquadramento 1996: il W3C lancia liniziativa WAI obiettivo: rendere i siti Web accessibili a tutti gli utenti insieme di linee guida da seguire in fase di progettazione e realizzazione di siti; strumenti per testare il proprio lavoro (w3c validator) e per navigare un sito (Amaya browser); continuo studio e emissione di direttive di integrazione. Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 4 In Italia... marzo 2001: Circolare del Dipartimento di Funzione Pubblica obiettivo: sensibilizzare la Pubblica Amministrazione italiana Circolare del DPF n° 3 del 13/03/2001: contenente le Linee guida per lorganizzazione, lusabilità e laccessibilità dei siti Web delle Pubbliche Amministrazioni in cui si esorta a tenere conto dei criteri di accessibilità promossi dal W3C in fase di progettazione, realizzazione e gestione dei siti della P.A. settembre 2001: Circolare dellAipa obiettivo: integrare la Circolare del DFP Circolare 6 settembre 2001, n. AIPA/CR/32 Criteri e strumenti per migliorare l'accessibilità dei siti Web e delle applicazioni informatiche a persone disabili Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 5 Le barriere... Sensoriali (vista, udito): complessità dellorganizzazione delle pagine; predominanza delle componenti grafiche; eccessivo significato dato a colori ed immagini Motorie: uso del mouse; difficoltà shortcuts da tastiera Psichiche o cognitive: uso di effetti speciali; concentrazione di molte informazioni in uno spazio ridotto Inoltre si aggiungono: Malattie professionali (es. tunnel carpale, emicrania); Disabilità temporanee (es. rottura di un arto) Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 6 … come superarle progettazione e studio della struttura e dell'impianto di navigazione del sito: analisi dei contenuti da presentare; studio accurato dei servizi da offrire; realizzazione delle pagine: considerazione delle indicazione del W3C in materia di accessibilità; controllo delle pagine realizzate attraverso software opportuni Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 7 Progettazione e realizzazione di un sito accessibile Come procedere Quando si progetta e realizza un sito Web sarebbe opportuno: analizzare ed individuare gli utenti, le informazioni e la struttura del sito; usare strumenti adeguati in fase di sviluppo; far seguire una fase di test: navigazione del sito da parte di chi non lo conosce; verifica del codice html attraverso i software in circolazione

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 8 La progettazione I principi da tenere presenti in fase di progettazione: capacità di adeguamento dei documenti, cioè le informazioni devono essere sempre fruibili qualsiasi sia la modalità di rilettura ed indipendentemente dalle caratteristiche del browser; facilità di orientamento e di navigazione Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 9 Gli strumenti per la realizzazione/1 Macromedia DreamWeaver: Aspetti positivi possibilità di inserire tag e attributi direttamente dai wizard senza dover agire sul codice html possibilità di effettuare controlli automatici sul codice generato Aspetti negativi il codice si appesantisce di tag annidati; non tutti gli attributi possono essere inseriti usando le finestre di wizard Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 10 Gli strumenti per la realizzazione/2 Macromedia Flash: Aspetti positivi possibilità di inserire il testo alternativo agli elementi grafici (immagini, bottoni, mappe...); suggerimenti e consigli per realizzare prodotti fruibili (es. attenzione alluso del suono che può interferire con gli screen reader; consentire la navigazione del filmato attraverso la tastiera) Aspetti negativi si tratta di filmati che hanno tempi stabiliti e potrebbero causare problemi agli screen reader; necessità di scaricare il plug-in per la visione del filmato. Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 11 Gli strumenti per la realizzazione/3 Applet Java: Aspetti positivi la Sun garantisce laccessibilità per le interfacce realizzate unicamente con Java; Aspetti negativi appesantimento dei tempi di caricamento della pagina; necessità di scaricare il plug-in per la visione del filmato. Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 12 Gli strumenti per il test W3C Validator: validatore realizzato dal W3C Bobby: software sviluppato dalla CAST. Disponibile nella versione scaribile, a pagamento, e on-line, gratuita browser testuale: browser che non visualizza le immagini e che mostra solo lalternate test di autovalutazione, check-list: serie di controlli che ogni webmaster dovrebbe predisporre ed eseguire periodicamente siti specializzati: siti che effettuano il controllo sul peso delle pagine, sullottimizzazione delle immagini, la compatibilità tra i browser Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 13 Software specifici display braille: dispositivo di uscita tattile che mostra un documento dopo che il codice è stato opportunamente trasdotto da uno screen reader. screen reader: software che legge le informazioni che compaiono sullo schermo ed offre la possibilità di gestire linterazione con i programmi Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 14 Screen reader più diffusi: Jaws Caratteristiche : legge tutto il contenuto delle pagine HTML che lutente visita; la qualità della lettura della pagina è legata alla progettazione della pagina Web Come agevolare Jaws (alcuni esempi): fornire lalternate testuale tutti i link grafici; progettare link che siano il più possibile descrittivi della funzionalità corrispondente; evitare per quanto possibile Flash, applet Java o fornire anche in maniera alternativa nella pagina i contenuti resi disponibili con queste tecnologie; prevedere una versione stampabile dei form e accettare il loro invio postale, poiché spesso gli utenti ipovedenti incontrano difficoltà nella compilazione on line del form Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 15 Alcuni suggerimenti per realizzare un prodotto valido: riuscire a progettare una struttura ed un impianto di navigazione robusti; garantire coerenza e familiarità allinterno del sito; conoscere gli utenti che utilizzeranno il sito; sfruttare al massimo le conoscenze che lutente può aver appreso da altri siti (es. i link cambiano colore quando sono visitati); Progettazione e realizzazione di un sito accessibile

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 16 Progettazione e realizzazione di un sito accessibile Problemi e soluzioni: Problemi: riuscire a prevedere gli sviluppi e le modifiche del sito; crescita dimensionale del sito e cambiamento degli obiettivi; variazione del target

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 17 Progettazione e realizzazione di un sito accessibile Problemi e soluzioni: Soluzioni: implementazione di struttura valida per: aggiungere e modificare sezioni senza perdere la navigabilità e l'organizzazione logica; possibilità di inserire sotto-menù laddove necessario revisione periodica dellimpianto di navigazione per ristrutturare il sito in base alle nuove esigenze

Area Sviluppo WebForum Biblioteca Virtuale25/10/02 18 Progettazione e realizzazione di un sito accessibile Conclusioni Ignorare i limiti e le caratteristiche dellutente comporta: ritardo nellapprendimento delluso del prodotto o del servizio; ostacolo nella possibilità di sfruttare lesperienza acquisita in altri contesti; predisposizione negativa dellutente verso il prodotto. La progettazione centrata sullutente consente: accesso alle informazioni presenti sul Web ad una vasta porzione di utenza; soddisfa la filosofia di Internet di raggiungere il maggior numero di utenti possibili a prescindere dai mezzi tecnici utilizzati e dagli ostacoli fisici o psicologici di ciascuno.