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