Laboratorio di Telematica A.A '05 1 Corso di Laboratorio di Telematica – AA '05 Francesco Chiti, Gabriele Fabbri Accessibilità dei siti Web

Laboratorio di Telematica A.A '05 2 Introduzione al Web anni '70: progetto ARPANET anni '80: applicazioni accademiche (FTP, SMTP) anni '90: introduzione dell’ipertesto (HTTP) diffusione trasversale dell’informazione; metafora del grafo navigabile (ragnatela mondiale).

Laboratorio di Telematica A.A '05 3 Semantica e grafica di un sito Architettura a grafo di oggetti: testo, suoni, immagini, animazioni, collegamenti. Interazione remota secondo il paradigma Client Server: Browser; Web Server.

Laboratorio di Telematica A.A '05 4 Web e accessibilità Concetto di “accessibilità”: Accesso alla rete (costo della connessione); Acquisizione dell’informazione (livello sensoriale e cognitivo); Interpretazione dell’informazione (livello culturale) Internet costituisce un’opportunità per le persone disabili: accesso a documenti di dominio pubblico scambio di file e informazioni teledidattica telelavoro

Laboratorio di Telematica A.A '05 5 Le direttive del W3C World Wide Web Consortium (W3C) Consorzio internazionale che elabora le linee guida per la progettazione e gestione del Web Progetto Web Accessibility Initiative (WAI) Web Content Accessibility Guidelines 1.0 (WCAG)

Laboratorio di Telematica A.A '05 6 WCAG regole generali da rispettare in fase di progettazione di una pagina Tre livelli di priorità: A “must” AA “should” AAA “may”

Laboratorio di Telematica A.A '05 7 Principi generali Ridondanza dell’informazione, per presentazioni con impostazioni diverse di browser Navigabilità e comprensibilità

Laboratorio di Telematica A.A '05 8 Accessibilità di pagine Web I vari tipi di minorazioni visive: totale cecità; residui visivi non superiori al ventesimo con la migliore correzione; lievi minorazioni. il secondo punto si suddivide in diversi forme di patologie: Problemi di contrasto tra i colori; Problemi di abbagliamento; Problema della dimensione degli oggetti e dei caratteri.

Laboratorio di Telematica A.A '05 9 Possibili soluzioni Per quanto riguarda i non vedenti l'intervento è paradossalmente semplice, è sufficiente: che le informazioni principali alla comprensione della pagina siano in forma testuale; che le immagini, i linke i bottoni grafici abbiano un testo di commento; fare attenzione all’uso dei frame: l’accavallamento è deleterio nell’esplorazione della pagina; fare in modo che la pagina rientri orizzontalmente a tutte le risoluzioni, perché lo spostamento orizzontale è fastidiosissimo.

Laboratorio di Telematica A.A '05 10 Possibili soluzioni Per quanto riguarda gli ipovedenti il discorso è molto più complesso e delicato. Oltre agli accorgimenti illustrati precedentemente si deve tenere conto: la dimensione del carattere; il tipo di carattere; il contrasto di colore tra sfondo e carattere.

Laboratorio di Telematica A.A '05 11 Personalizzazione del carattere e del contrasto di colore Dal lato della progettazione (server): impiego dei fogli di stile per la personalizzazione del layout della pagina se impiegati correttamente come box per allocare gli oggetti nelle pagine riescono ad evitare lo scrollorizzontale istruire i navigatori ipovedenti ad effettuare dei semplici settaggi per personalizzare le pagine

Laboratorio di Telematica A.A '05 12 Web e ipovisione

Laboratorio di Telematica A.A '05 13 Progettazione del sito del LENST ( Linguaggi adottati: HTML linguaggio di markup standard per la formattazione sul Web; CSS: linguaggio che consente di separare le informazioni di stile da quelle di contenuto.

Laboratorio di Telematica A.A '05 14 Progettazione del sito del LENST ( Prima fase: Analisi del sito originale con tools di validazione come Bobby e Aprompt; validazione automatica; validazione secondo giudizio umano. Seconda fase: Completa riscrittura del sito in modo conforme agli orientamenti WAI.

Laboratorio di Telematica A.A '05 15 Principali interventi sul sito Per quanto riguarda i colori è stata adottata la strada che esorta gli utenti a cambiare la configurazione del proprio browser. Le pagine sono state costruite in modo da evitare tutti i problemi precedentemente illustrati: eliminazione delle tabelle come layout favorendo i box CSS; eliminazione di un frameche all’ingrandimento dei caratteri portava ad uno scrollorizzontale e verticale; tutti i commenti alle immagini presenti;..in definitiva: completa riscrittura delle pagine!

Laboratorio di Telematica A.A '05 16 Principali risultati conseguiti Un sito molto più accessibile sia per non vedenti che per ipovedenti; il layout si adatta perfettamente allo schermo a qualsiasi risoluzione e a qualsiasi dimensione di carattere senza presentare mai lo scorrimento orizzontale; Abbiamo ottenuto i bollini del W3C per quanto riguarda la purezza del codice HTML 4.0, CSS e AAA che rappresenta il massimo livello di accessibilità; Queste pagine si visualizzano anche con un browser WAP via GPRS essendo perfettamente linearizzabili.

Laboratorio di Telematica A.A '05 17 Accessibilità di un terminale GPRS Per quanto riguarda la connessione WAP, via GPRS o non, per i non vedenti è praticamente impossibile con il solo terminale mobile; Esistono dei palmari con sintesi vocale che permettono la navigazione: per quanto riguarda il menù del cellulare con alcuni modelli si può comandare dal palmare.

Laboratorio di Telematica A.A '05 18 Accessibilità di un terminale GPRS Per quanto riguarda gli ipovedenti è difficile che riescano a visualizzare un display di un comune cellulare; ci riescono spesso, anche molto bene, con dei video ingranditori ottici che però ne impediscono la mobilità. Con i nuovi display TFT a matrice attiva ad alto contrasto ed illuminazione (Terminali UMTS) è possibile, invece, superare tali limiti.

Laboratorio di Telematica A.A '05 19 Accessibilità di un terminale UMTS Da parte dei produttori di terminali: Dispositivi dotati di sintesi vocale Display molto grandi e contrastati a scapito delle dimensioni e della durata della batteria

Laboratorio di Telematica A.A '05 20 Accessibilità di un terminale UMTS Da parte dell’erogatore del servizio UMTS: Le pagine di interesse, cioè il portale dell’operatore che permette l’accesso ai servizi, deve essere realizzato per consentire agli utenti, in caso di necessità, di personalizzare interamente il layout ricorrendoa settaggi del terminale mobile; Deve essere possibile visualizzare anche pochi caratteri sul display di dimensioni cubitali e con altissimo contrasto, senza perdere il senso dell’informazione cercata; Attivare dei call-center dedicati a chi ha problemi visivi, in modo da istruire gli utenti a sfruttare al massimo le potenzialità dei servizi erogati e dei terminali.