Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

E-learning per tutti

metodologia di sviluppoe implementazione per piattaforme accessibili

Università degli Studi di Roma

RomaTREAnno Accademico

2002-2003

Relatore: prof. Paolo AtzeniRelatore esterno: ing. Daniela D’Aloisi

Candidato: Raffaele Nicolussi

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Indice

• La problematica• Cos’è l’e-learning• Il concetto di accessibilità• L’accessibilità

dell’e-learning• Il Campus Accessibile• Test e collaborazioni• Conclusioni

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

La problematica

• il WWW offre opportunità:– lavorative, formative, di socializzazione, …

• non è vero per tutti– disabili, tecnologie arretrate, immigrati, anziani,

terzo mondo, …

• l’e-learning offre la grande opportunità di una formazione continua– possibilità preclusa a chi non riesca a fruire

completamente del web

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Cos’è l’e-learning: vantaggi

• forma di apprendimento che utilizza una rete per la trasmissione, l'interazione, o l'agevolazione della didattica

• vantaggi:– economica, flessibile, efficace, facilmente

aggiornabile, uniforme, facilmente monitorabile e valutabile, requisiti tecnici minimi

• possibili svantaggi:– difficoltà di accesso, isolamento del discente,

scarsa interazione, basso livello di apprendimento, brutta copia dell’insegnamento frontale via web

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Cos’è l’e-learning: architettura

• una piattaforma di e-learning può essere realizzata attraverso molte delle tecnologie web disponibili– JSP, PhP, ASP, Java, linguaggi proprietari,…– Oracle, MySQL, …

• è composta da:– Learning Management System (LMS)

• pianificazione e coordinamento della formazione, gestione dei percorsi formativi, valutazione dei test,…

– Content Management System (CMS)• gestione e organizzazione dei contenuti, …

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Accessibilità: cos’è?

• sviluppare universalmente (Design For All) permettendo la fruizione dei contenuti per tutti, senza discriminazione su:– tecnologia, software o hardware:

• versioni del sistema operativo, browser, …• connessione utilizzata• apparecchio a disposizione (WebTV, Cellulare, PDA,

PC, ...)

– capacità fisiche e cognitive di tutti gli utenti• disabilità visiva• disabilità motoria• disabilità cognitiva• disabilità uditiva, …

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Accessibilità dell’e-learning

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Strutturazione del lavoro• fase metodologica

– studio e confronto delle caratteristiche tra le principali piattaforme esistenti, commerciali e Open Source

– individuazione di linee guida “platform independent” per l’accessibilità dei sistemi di formazione

– specializzazione delle linee guida per le più diffuse implementazioni

• fase implementativa e di testing– applicazione a un caso pratico: il Campus Accessibile

(C@)– testing con utenti disabili e attraverso sistemi automatici– “tune-up” basato sul feedback degli utenti

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Fase 1: Metodologia

• un sistema di web-learning viene reso accessibile:– attraverso l’applicazione di una specializzazione

delle linee guida per l’accessibilità del WEB • adattamento di linee guida pre-esistenti, WCAG

– attraverso l’applicazione di linee guida appositamente pensate per il web-learning

– due i livelli di intervento necessari:• astratto: generalizzazione indipendente

dall’implementazione• concreto: basato sulla specifica implementazione

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Fase 1: Metodologia

Adattamento delle linee guida esistenti

Specifica di linee guida appositamente pensate per il

web-learning

• immagini– descrizione alternativa, …

• collegamenti– commenti, …

• tabelle– sommari,

– descrizione delle colonne, …

• contenuti Multimediali– audio

– video, …

• testo– dimensione

– colori

– chiarezza

• piattaforma di fruizione– accesso

– iscrizione

– consultazione

– ricerca, …

• corsi– contenuti

– formattazione

– layout, …

• questionari– formulazione

– uso

– feedback,…

• strumenti di comunicazione

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Fase 1: l’esempio dei questionari• elementi critici:

– linguaggio:• testi espressi in modo semplice

– visivo:• colori contrastanti• testo ridimensionabile• immagini legate alla domanda aventi una descrizione alternativa, …

– feedback• ben segnalato attraverso vari canali sensoriali

– tasti di comando e invio• facilmente individuabili, aventi una grandezza adeguata• opportunamente etichettati attraverso descrizioni alternative

– usabilità• scorciatoie, indicatori della posizione, …

• ognuna di queste caratteristiche è conseguita diversamente in base alla tecnologia usata:– java, HTML, flash, …

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Fase 2: Campus Accessibile

• le linee guida sono state testante sulla piattaforma di e-learning DOCENT prodotta dalla SIEMENS®

– sviluppata in JSP su database Oracle

• le fasi di questo lavoro sono state:– studio dell’architettura della piattaforma

proprietaria– individuazione degli elementi di inaccessibilità– applicazione delle modifiche necessarie al

codice– testing e tune-up

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Campus Accessibile: aree di intervento

• tre le aree principali di intervento– questionari

• ridefinizione del layout dei questionari• accessibilità dei questionari

– pagine• validazione dei CSS e dell’HTML• applicazione della metodologia sviluppata• aggiunta di elementi di usabilità

– piattaforma• accessibilità delle schermate di accesso, consultazione, ricerca,

iscrizione, ecc.

• definizione di un template senza né frame né tabelle che controlli tutta la grafica del Campus

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Campus Accessibile: pagina dei questionari

• le pagine dei test, generate dinamicamente dalla piattaforma Docent, presentavano vari fattori di inaccessibilità

• l’applicazione della metodologia ha consentito la loro eliminazione– CSS, per l’accessibilità dei testi– Hn, AccessKey e Tabindex, per la navigabilità

delle pagine– Title, per l’individuazione dei campi di editazione– ALT, per il commento alternativo alle immagini– …

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Campus Accessibile: pagina dei test

Hn: dei titoli ben organizzati consentono al non vedente di passare facilmente di paragrafo in paragrafo sfruttando gli shortcut del suo screenreader

Posizione: segnalare costantemente la posizione all’interno del corso è essenziale per non causare un cyber smarrimento

Title:usando l’attributo title per gli oggetti dei moduli il disabile è in grado di sapere a cosa questi si riferiscano

CSS: controllare tutto il layout attraverso i fogli di stile consente di ottenere una grafica ridimensionabile e adattabile al browser

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Campus Accessibile: altre aree di interventoALT:le descrizioni ALTernate per le immagini consentono al disabile di conoscere il contenuto di un oggetto che non può vedere

AccessKey:assegnando ai link gli AccessKey è possibile richiamare immediatamente un collegamento di cui si conosca la chiave

TabIndex:è importante pianificare la corretta sequenza di link che il tasto TAB permette di scorrere

Ridimensionamentodinamico:i CSS permettono un adattamento automatico ma anche regolabile dall’utente

Title:questi tag consentono di descrivere nel dettaglio la pagina di destinazione dove il browser verrà reindirizzato cliccandoci sopra

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Campus Accessibile: i corsi

• si è scelto di sviluppare corsi aventi un impatto significativo per il mondo della disabilità– corso di JAWS– corso di ECDL

• il corso di JAWS permette ai non vedenti, o ai normodotati interessati all’aspetto, di apprendere i rudimenti di JAWS

• il corso di ECDL introduce le nozioni per il conseguimento della patente europea del computer

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Campus Accessibile: i corsi

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Campus Accessibile: la grafica

• la grafica scelta è semplice e significativa

• l’uso di una scritta in braillebraille come banner del Campus @ccessibile serve a ricordare, attraverso la sua difficile lettura da parte di chi non conosca tale linguaggio, come i disabili si vengano a trovare, tutti i giorni, di fronte a problemi di “accessibilità” analoghi

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Test

• il Campus è stato sottoposto a diversi test– manuale: applicando le verifiche previste dalla

metodologia– automatica: con i validatori del W3C (CSS e

HTML) e Torquemada– umana: chiedendo ad un team di disabili di

provare il Campus

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Test con gli utenti

• ad un gruppo di utenti disabili è stato chiesto di provare il Campus

• sono stati definiti dei compiti da portare a termine (iscrizione ad un corso, fruizione, questionari, ecc…) e, al termine di questi, è stata chiesta una valutazione dell’usabilità e accessibilità

• tutti i test (manuali, automatici e umani) hanno consentito di raffinare ulteriormente la metodologia

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Collaborazioni

• Il campus é stato presentato alla settima edizione del Forum della Formazione 2003 della SOMEDIA (Gruppo Editoriale l'Espresso) su invito di ITALDATA, perché costituisce un avanzamento rispetto alla versione corrente di Docent

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Conclusioni

• i contenuti web devono essere accessibili per– estendere il bacino di utenza – offrire una occasione di crescita economica e

culturale

• è stata recentemente approvata una legge che, anche se non perfetta, velocizzerà il processo di adattamento dei siti di pubblica utilità e pubblica amministrazione

• l’impegno continua per ottenere un sistema sempre più orientato all’utente

Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus Accessibile Campus

Accessibile Campus Accessibile Campus

Fin