11

ACCESSIBILITA’ACCESSIBILITA’

22

IntroduzioneIntroduzioneIntroduzioneIntroduzione

La società basata sulla tecnologia dell’informazione deve essere

per tutti, a prescindere dalle condizioni economiche, fisiche,

sociali.

Progettare pagine web accessibili significa garantire a tutti gli

utenti della rete una pari opportunità di accesso alle informazioni

e ai servizi erogati via web

33

Accessibilità in breve:Accessibilità in breve:Accessibilità in breve:Accessibilità in breve:

I siti Internet devono essere progettati in modo da

garantire la loro consultazione anche da parte di

individui affetti da disabilità fisiche, cognitive o

sensoriali, o condizionati dall’uso di strumenti

con prestazioni limitate o da condizioni

ambientali sfavorevoli

44

Accessibilità in breve:Accessibilità in breve:Accessibilità in breve:Accessibilità in breve:

L’accessibilità può essere suddivisa in due filoni:

•Tecnico

(interoperabilità e accesso dai vari browser in uso,

accesso con mezzi obsoleti, connessioni lente…)

• Umano

(accesso da parte di persone disabili)

55

Tipologie di disabilità “tecnica”Tipologie di disabilità “tecnica”Tipologie di disabilità “tecnica”Tipologie di disabilità “tecnica”

• Computer obsoleti

• Modem lenti

• Impossibilità di accedere ad un servizio di rete a

banda larga

• Limitata confidenza con la strumentazione

informatica

66

Tipologie di disabilità “umana”Tipologie di disabilità “umana”Tipologie di disabilità “umana”Tipologie di disabilità “umana”

• Visiva (cecità, ipovisione, daltonismo, fotofobia…)

• Uditiva

• Motoria

• Cognitiva

• Altri disturbi: epilessia

Devono essere considerati anche i seguenti fattori:

• Età media della popolazione in aumento

• Eventuale disabilità temporanea a causa di

incidenti o malattie

77

Tecnologie utilizzateTecnologie utilizzate Tecnologie utilizzateTecnologie utilizzate

• Screen readers

• Braille readers

• Screen magnifiers

• Monitor grandi e risoluzioni basse

• Fogli di stile personalizzati

88

Principali disabilità visive: IPOVISIONEPrincipali disabilità visive: IPOVISIONEPrincipali disabilità visive: IPOVISIONEPrincipali disabilità visive: IPOVISIONE

Barriere per gli ipovedenti:

• pagine web con “font-size” (dimensioni dei

caratteri) che non possono essere ingranditi o ridotti

facilmente

• layout grafico che, se ingrandito, non consente

una trasformazione coerente alla logica di

navigazione

• utilizzo di immagini e caratteri poco contrastati

con il fondo della pagina e che non possono essere

modificati dall’utente

99

Ausili per ipovedentiAusili per ipovedenti Ausili per ipovedentiAusili per ipovedenti

• Screen magnifiers

• Ingrandimento del font dalla finestra del

browser

• Possibilità di variare i colori (pagine alternative

ad alta visibilità) e il font (caratteri graziati o

bastoni)

1010

Esempio di screen magnifiersEsempio di screen magnifiersEsempio di screen magnifiersEsempio di screen magnifiers

1111

Ingrandimento del font dal browser: Ingrandimento del font dal browser: Mo-netMo-netIngrandimento del font dal browser: Ingrandimento del font dal browser: Mo-netMo-net

1212

Esempio di personalizzazione della pagina Esempio di personalizzazione della pagina webwebEsempio di personalizzazione della pagina Esempio di personalizzazione della pagina webweb

Oltre alla dimensione del font è possibile variare anche il tipo di carattere, il contrasto e lo sfondo della pagina

1313

Esempio sito ad alta visibilitàEsempio sito ad alta visibilitàEsempio sito ad alta visibilitàEsempio sito ad alta visibilità

1414

Principali disabilità visive: CECITA’Principali disabilità visive: CECITA’Principali disabilità visive: CECITA’Principali disabilità visive: CECITA’

Barriere per i non vedenti (1):

• immagini senza “alt text” (testo alternativo)

• immagini complesse (es. grafici o mappe) senza

adeguata spiegazione

• video senza descrizione testuale o audio

• tabelle prive di senso quando lette

orizzontalmente (es. tabelle di dati senza

intestazione nelle varie celle e colonne)

1515

Principali disabilità visive: CECITA’Principali disabilità visive: CECITA’Principali disabilità visive: CECITA’Principali disabilità visive: CECITA’

Barriere per i non vedenti (2):

• frames senza l’alternativa “noframe” e senza

attributi “name” e “title” descrittivi del

contenuto

• forms costruite senza una sequenza logica

coerente o non affiancate da un efficace testo

esplicativo

• documenti il cui formato è interpretato con

difficoltà dagli screen readers

1616

Ausili per non vedentiAusili per non vedenti Ausili per non vedentiAusili per non vedenti

• Screen readers

• Braille readers associati a browser testuali

(ex.lynx)

• Sintetizzatori vocali

1717

Esempio di frame non leggibileEsempio di frame non leggibileEsempio di frame non leggibileEsempio di frame non leggibile

Il frame viene visualizzato sullo schermo, ma non viene letto dallo screen reader perché non è presente l’alternativa noframes

1818

Esempio di form non leggibileEsempio di form non leggibile

Manca l’alternativa testuale: non si capisce di essere in presenza di una forms e non si legge il contenuto dei campi

1919

Esempio di form chiaraEsempio di form chiara

Uso di etichette chiareprima del campo da compilare

2020

Principali disabilità visive: Principali disabilità visive: DALTONISMODALTONISMOPrincipali disabilità visive: Principali disabilità visive: DALTONISMODALTONISMO

Barriere per i daltonici:

• uso del colore come unico veicolo di informazione

• uso del colore come unico mezzo per evidenziare

parti del testo

• poco contrasto tra il testo e il fondo della pagina

• browser che non permettono la disabilitazione dei

fogli di stile

2121

Esempio di visione per daltonici: Mo-Net

Esempio di visione per daltonici: Mo-Net

2222

Disabilità motorieDisabilità motorieDisabilità motorieDisabilità motorie

Limitato uso della muscolatura a causa di handicap

fisici

• movimenti involontari e tremori

• paralisi

• debolezza nell’uso delle mani e degli arti

2323

Disabilità motorie: barriereDisabilità motorie: barriereDisabilità motorie: barriereDisabilità motorie: barriere

• Limiti di tempo nelle opzioni di risposta nella

pagina web

• Browser che non supportano le parole chiave

alternative per i comandi del mouse

2424

Disabilità motorie: ausiliDisabilità motorie: ausiliDisabilità motorie: ausiliDisabilità motorie: ausili

• mouse speciali (mouse a

tastiera,

mouse da testa..)

• software per il

riconoscimento

vocale

• tastiera speciale con simboli

e parole chiave

2525

Altre disabilità (1)Altre disabilità (1)Altre disabilità (1)Altre disabilità (1)

• Sordità

• Dislessia

Barriere derivanti da:

• linguaggi complessi

• testi lunghi

• mancanza di sottotitoli nelle versioni audio

2626

Altre disabilità (2)Altre disabilità (2)Altre disabilità (2)Altre disabilità (2)

• Epilessia (e altri disturbi derivanti da particolari

frequenze audio o da immagini lampeggianti)

Barriere derivanti da:

• dall’uso di immagini lampeggianti

• animazioni con farfallamenti

• testi lunghi

2727

Fogli di stile e accessibilità (1)Fogli di stile e accessibilità (1)Fogli di stile e accessibilità (1)Fogli di stile e accessibilità (1)

Uno dei principi base dell’accessibilità di un

documento web è che il contenuto, la forma

e la sua struttura siano separati.

In questo modo si ottiene un codice più pulito e

semplice.

Questo permette a chi usa degli strumenti non solo

visivi di poter usufruire in modo corretto di tutti i

dati.

2828

Fogli di stile e accessibilità (2)Fogli di stile e accessibilità (2)Fogli di stile e accessibilità (2)Fogli di stile e accessibilità (2)

• Utilizzando i css possiamo dare agli utenti la

possibilità di personalizzare le pagine tramite

ingrandimento dei font, cambi di colore, scelta della

tipologia dei caratteri …

• Occorre assicurarsi che la pagina funzioni

correttamente anche disabilitando i fogli di stile: i

browser che non supportano i css la visualizzeranno

diversamente, ma le informazioni contenute saranno

comunque completamente accessibili

2929

Esempio di lettura con css disabilitatiEsempio di lettura con css disabilitati

3030

Linee Guida sull’accessibilitàLinee Guida sull’accessibilitàLinee Guida sull’accessibilitàLinee Guida sull’accessibilità

Il W3C (http://www.w3.org/TR/UAAG10/) ha

individuato tre livelli di accessibilità e relative linee

guida:

• Livello una a [A]: corrisponde al grado minimo di accessibilità• Livello due a [AA] : corrisponde al grado medio di accessibilità• Livello tre a [AAA] : corrisponde al grado massimo di accessibilità

3131

Normativa ItalianaNormativa ItalianaNormativa ItalianaNormativa Italiana

La Legge 9 gennaio 2004 n.4 (Legge Stanca)

sancisce il diritto di accesso con qualsiasi tipo di

tecnologia ai servizi informatici e telematici della

Pubblica Amministrazione da parte dei cittadini

diversamente abili in ottemperanza al principio di

uguaglianza ai sensi dell’art.3 della Costituzione e

secondo il principio di universalità di accesso al web

definito nelle Linee guida del W3C.

3232

Normativa ItalianaNormativa ItalianaNormativa ItalianaNormativa Italiana

Il Regolamento attuativo DM 8 luglio 2005 –

All. 2 definisce i 22 requisiti tecnici per la

valutazione dell’accessibilità dei siti web