Progettare un sito web

Transcript

1 Progettare un sito web Problematiche di accessibilità (Capitolo 2) (materiale illustrativo degli esempi gentilmente messo a disposizione da R. Polillo)

2 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

3 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

4 Disabilità ipovisione disturbi della percezione del colore cecità sordità disabilità motorie arti superiori dislessia disturbi dell apprendimento disabilità cognitive etc

5 Obiettivo più generale (1) Garantire l accesso universale chi soffre di disabilità temporanee chi dispone di attrezzature obsolete chi dispone di sistemi poco comuni chi usufruisce di connessioni lente

6 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

7 Nel modello di qualità Sottocaratteristiche della voce accessibilità Tempi di accesso Reperibilità Indipendenza dal browser Accessibilità per disabili

8 Indipendenza dal browser IE Macintosh IE Windows

9 IE Macintosh IE Windows

10 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 , pari a circa il 5% della popolazione. Di questi, il 75% ha almeno 65 anni (Fonte: Istat, 2003).

11 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 , 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

12

13

14

15 Requisiti tecnici tazione/studio_lineeguida/3_requisiti_tecnica.htm

16 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

17 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.

18 Disabilità visive 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

19 Un esempio da non seguire

20 In questo sito l utente può selezionare la coppia di colori qui a destra

21 Esempio:

22 Il testo degli articoli può essere ingrandito senza pregiudicare una corretta impaginazione

23 Esempio

24 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

25

26 <img src="immagini/logo_trasp.gif" width="160" height="80" alt="logo dell'uic" hspace="0" align="left">

27 Esempio 2: una home page con testi alternativi corretti

28 Esempio 2 (segue): i testi alternativi

29 Esempio 3: la home page del Ministero della Salute

30 Esempio 3: provate a leggerla ad alta voce

31 Esempio 4: una vecchia home page della Fiat, totalmente inaccessibile

32 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