Progettare un sito web
Problematiche di accessibilità (Capitolo 2)
(materiale illustrativo degli esempi gentilmente messo a disposizione da R. Polillo)
Accessibilità
“
La capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari.
”Legge 4/2004 (n.4 del 4 gennaio 2004)
“Disposizioni per favorire l’accesso dei soggetti disabili agli strumenti informatici”
Tecnologie assistive
“Per tecnologie assistive si intendono gli strumenti e le soluzioni tecniche, hardware e software, che permettono alla persona disabile, superando o riducendo le condizioni di svantaggio, di accedere alle informazioni e ai servizi erogati dai sistemi informatici.”
Legge 4/2004 (n.4 del 4 gennaio 2004)
“Disposizioni per favorire l’accesso dei soggetti disabili agli strumenti informatici”
Disabilità
ipovisione
disturbi della percezione del colore
cecità
sordità
disabilità motorie arti superiori
dislessia
disturbi dell’apprendimento
disabilità cognitive
etc
Obiettivo più generale (1)
chi soffre di disabilità temporanee
chi dispone di attrezzature obsolete
chi dispone di sistemi poco comuni
chi usufruisce di connessioni lente
Garantire l’accesso universale
Obiettivo più generale (2)
Un sito deve essere accessibile da tutti indipendentemente da
disabilità fisiche o cognitive temporanee o permanenti
caratteristiche dell’infrastruttura hw/sw
caratteristiche della connessione di rete
Nel modello di qualità
Sottocaratteristiche della voce accessibilità
Tempi di accesso
Reperibilità
Indipendenza dal browser
Accessibilità per disabili
Indipendenza dal browser
IE Windows
IE Macintosh
IE Windows
IE Macintosh
Disabilità: alcuni numeri
Almeno il 10% della popolazione mondiale è disabile.
Nell’Unione Europea, almeno 37 milioni di cittadini sono disabili, e il 70% ha un’età superiore ai 70 anni.
In Italia, i disabili sono oltre 2.800.000, pari a
circa il 5% della popolazione. Di questi, il 75% ha
almeno 65 anni ( Fonte: Istat, 2003 ).
Disabilità: iniziative
Web Accessibility Iniziative (WAI) del W3C
criteri e strumenti per la realizzazione dei siti web accessibili Raccomandazione: WCAG (Web Content Accessibility Guidelines) (WCAG 1.0 -1999, che elenca 14 linee guida - WCAG 2.0 più recente)
Legge 4/2004 e norme associate
Prescrive che i contratti stipulati dalla PA italiana per la realizzazione di siti web siano nulli, qualora non rispettino i requisiti di accessibilità
Regole tecniche e metodologia per la verifica:
stabilite per decreto ministeriale (i 22 requisiti e sono una rielaborazione di analoghi requisiti stabiliti da altre organizzazioni, e in particolare dal WAI.
Vedi http://www.pubbliaccesso.gov.it/
Requisiti tecnici
http://www.pubbliaccesso.gov.it/biblioteca/documen tazione/studio_lineeguida/3_requisiti_tecnica.htm
Valutazione accessibilità
Valutazioni da parte di esperti
Verifiche di conformità (tipicamente i 22 requisiti tecnici della Legge Stanca), eventualmente
supportate da strumenti di verifica automatica
Test di compatibilità, con differenti browser, video di differenti risoluzioni e differenti sistemi operativi
Test con gli utenti
in situazioni d’uso tipiche, con utenti portatori di disabilità di tipo diverso che segnaleranno le
difficoltà incontrate
L’idea di base
Progettare le pagine web in modo che siano comprensibili nonostante la disabilità
Ove ciò non sia possibile, devono poter essere trasformate in modo che esse diventino
comprensibili
Per questo, può essere necessario usare
opportune tecnologie assistive: lettori di schermo,
tastiere braille, browser vocali, ecc.
Utenti non vedenti
Lettori di schermo e browser vocali
Utenti ipo-vedenti
Realizzare il sito in modo che il testo possa essere visualizzato, su richiesta dell’utente, in caratteri più grandi o di colore più
contrastato rispetto al colore dello sfondo
Utenti con disturbi nella percezione del colore
Realizzare il sito in modo che esso risulti comprensibile anche a chi non distingua i colori
Disabilità visive
Un esempio da non seguire
www.smartmoney.com
In questo sito l’utente può selezionare la coppia di colori qui a destra
Esempio: www.disco.unimib.it
Il testo degli articoli può essere ingrandito senza pregiudicare una corretta impaginazione
Esempio
Browser vocali
“Leggono ad alta voce” il contenuto delle pagine, nella lingua prescelta (a scelta)
I link vengono letti con voce diversa (es. voce femminile)
Tasti funzione per cliccare la parola appena letta
Esempio: Home Page Reader (IBM)
La pagina deve essere progettata in modo che sia
comprensibile alla “lettura ad alta voce”: i processi cognitivi coinvolti sono molto differenti da quelli usuali
Esempio: le immagini necessarie alla comprensione della
pagina devono avere un equivalente testuale che possa essere letto dal browser vocale quando incontra l’immagine
HTML: ALT=“testo alternativo”
<img src="immagini/logo_trasp.gif"
width="160" height="80"
alt="Logo dell'UIC"
hspace="0" align="left">
Esempio 2: una home page con testi alternativi corretti
Esempio 2 (segue): i testi alternativi
Esempio 3: la home page del Ministero della Salute…
Esempio 3: … provate a leggerla ad alta voce
Esempio 4: una vecchia home page della Fiat, totalmente inaccessibile
Validatori di accessibilità
Esistono dei tools automatici che effettuano dei controlli sintattici di conformità alle linee guida del WAI (es.: Bobby)
L’uso di questi tools va sempre integrato con controlli manuali (ad es., lo strumento può verificare che ad ogni ogni immagine sia associato un testo alternativo, ma non può verificare la
“sensatezza” di tale testo)
In ogni caso sono indispensabili anche test di usabilità con utenti disabili
