I Webinar di Formez PA

Transcript

1 I Webinar di Formez PA Accessibilità dei siti web 1 di 48

2 Indice degli argomenti La normativa italiana in materia di accessibilità dei siti web I nuovi requisiti tecnici per l accessibilità dei siti web L usabilità dei siti web Alcuni accorgimenti per migliorare l accessibilità dei contenuti 2 di 48

3 Conosci la normativa italiana sull accessibilità dei siti web? 3 di 48

4 La normativa italiana in materia di accessibilità dei siti web 4 di 48

5 La normativa italiana sull'accessibilità In Italia è in vigore dal 2004 la Legge Disposizioni per favorire l accesso dei soggetti disabili agli strumenti informatici La Legge 4/2004 prevede l'obbligo per tutti i siti delle amministrazioni pubbliche di essere accessibili ai disabili Il testo della Legge 4/2004 e i relativi decreti attuativi 5 di 48

6 Perché realizzare un sito accessibile Un sito web accessibile è maggiormente fruibile da parte di tutti gli utenti, non solo disabili Può essere consultato anche da chi utilizza dispositivi mobili 6 di 48

7 Cosa sono le tecnologie assistive Strumenti hardware e/o software che permettono ai disabili di accedere alle informazioni e ai servizi erogati dai sistemi informatici, compresi i siti web 7 di 48

8 Le finalità della Legge Garantire il diritto di accesso dei disabili a tutte le fonti di informazione ed ai relativi servizi della PA Favorire l accesso dei disabili agli strumenti informatici 8 di 48

9 A chi si rivolge Pubbliche amministrazioni Enti pubblici economici Aziende private concessionarie di servizi pubblici Aziende municipalizzate regionali Enti di assistenza e di riabilitazione pubblici Aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico Aziende appaltatrici di servizi informatici 9 di 48

10 Quali sono gli obblighi Richiedere nelle procedure di gara il rispetto dei requisiti tecnici in materia di accessibilità Ritenere il rispetto dei requisiti tecnici motivo di preferenza Non stipulare contratti per la realizzazione di siti web quando non è previsto espressamente il rispetto dei requisiti tecnici di accessibilità Prevedere l'adeguamento dei siti web ai requisiti tecnici di accessibilità 10 di 48

11 I decreti attuativi Vengono indicati: - i criteri organizzativi generali - i requisiti tecnici da sottoporre a verifica - i diversi livelli per l accessibilità - la metodologia per la verifica dell'accessibilità 11 di 48

12 Metodologia per la verifica tecnica Validità del linguaggio a marcatori utilizzato Corretto utilizzo semantico degli elementi e degli attributi Esame della pagina con vari browser grafici Verifica delle differenze di luminosità e di colore Verifica della conformità ai requisiti tecnici 12 di 48

13 I nuovi requisiti tecnici per l accessibilità dei siti web 13 di 48

14 I nuovi requisiti tecnici di accessibilità Linee guida per l accessibilità dei contenuti per il Web (WCAG 2.0) Aggiornamento dei requisiti tecnici di accessibilità 14 di 48

15 WCAG Web Content Accessibility Guidelines maggio 1999 WCAG 1.0 dicembre 2008 WCAG 2.0 luglio 2005 Allegato A aprile 2010 Revisione allegato A DM 8 luglio 2005 Allegato A: Verifica tecnica e requisiti di accessibilità delle applicazioni basate su tecnologie internet 15 di 48

16 Struttura delle WCAG di 48

17 I 4 principi Principio 1: Percepibile Principio 2: Utilizzabile Principio 3: Comprensibile Principio 4: Robusto 17 di 48

18 Principio 1: Percepibile Le informazioni e i componenti dell'interfaccia utente devono essere presentati in modo che possano essere fruiti attraverso differenti canali sensoriali Requisito 1 - Alternative testuali Fornire alternative testuali per qualsiasi contenuto non di testo in modo che lo stesso contenuto possa essere trasformato in altre forme fruibili secondo le necessità Requisito 3 - Adattabile Creare contenuti che possano essere rappresentati in modalità differenti (ad esempio, con layout più semplici), senza perdita di informazioni o struttura Requisito 2 - Contenuti audio, contenuti video, animazioni Fornire alternative testuali equivalenti per le informazioni veicolate da formati audio, formati video, formati contenenti immagini animate (animazioni), formati multisensoriali in genere Requisito 4 - Distinguibile Rendere più semplice agli utenti la visione e l'ascolto dei contenuti, separando i contenuti in primo piano dallo sfondo 18 di 48

19 Principio 2: Utilizzabile I componenti dell interfaccia utente e i comandi in essa contenuti devono essere utilizzabili senza ingiustificati disagi o vincoli per l utente Requisito 5 - Accessibile da tastiera Rendere disponibili tutte le funzionalità anche tramite tastiera Requisito 7 - Crisi epilettiche Non sviluppare contenuti che possano causare crisi epilettiche Requisito 6 - Adeguata disponibilità di tempo Fornire all'utente tempo sufficiente per leggere ed utilizzare i contenuti Requisito 8 - Navigabile Fornire all'utente funzionalità di supporto per navigare, trovare contenuti e determinare la propria posizione nel sito e nelle pagine 19 di 48

20 Principio 3: Comprensibile Gli utenti devono poter comprendere le modalità di funzionamento dell interfaccia e le azioni in essa contenute necessarie per ottenere servizi e informazioni Requisito 9 - Leggibile Rendere leggibile e comprensibile il contenuto testuale Requisito 10 - Prevedibile Creare pagine Web che appaiano e che si comportino in maniera prevedibile Requisito 11 - Assistenza nell'inserimento di dati e informazioni Aiutare l'utente ad evitare gli errori ed agevolarlo nella loro correzione 20 di 48

21 Principio 4: Robusto Il contenuto deve essere abbastanza robusto da poter essere interpretato in modo affidabile da una vasta gamma di programmi utilizzati dall utente, comprese le tecnologie assistive Requisito 12 - Compatibile Garantire la massima compatibilità con i programmi utente e con le tecnologie assistive 21 di 48

22 L usabilità dei siti web 22 di 48

23 Caratteristiche di un prodotto usabile I siti web della PA devono contenere informazioni e servizi facilmente utilizzabili da tutti, qualsiasi sia la loro competenza informatica o abilità fisica Per essere usabile un sito deve: - essere adeguato ai bisogni e alle aspettative di specifici utenti che lo utilizzano in specifici contesti d'uso - risultare facile da capire, da imparare, da usare ed essere gradevole - consentire di eseguire le specifiche attività lavorative in maniera corretta, veloce e con soddisfazione - generare pochi errori non critici 23 di 48

24 Principi di usabilità 1/2 Percezione Comprensibilità Operabilità Coerenza Salvaguardia della salute Sicurezza informazioni e comandi necessari per l esecuzione dell attività devono essere sempre disponibili e percettibili informazioni e comandi necessari per l esecuzione delle attività devono essere facili da capire e da usare informazioni e comandi devono consentire una scelta immediata della azione adeguata per raggiungere l obiettivo voluto simboli, messaggi e azioni devono avere lo stesso significato in tutto l ambiente l ambiente deve possedere caratteristiche idonee a salvaguardare il benessere psicofisico dell utente l ambiente deve possedere caratteristiche idonee a fornire transazioni e dati affidabili, gestiti con adeguati livelli di sicurezza 24 di 48

25 Principi di usabilità 2/2 Trasparenza Apprendibilità Aiuto e documentazione Tolleranza agli errori Gradevolezza Flessibilità l ambiente deve comunicare all utente lo stato, gli effetti delle azioni compiute e le informazioni necessarie per la corretta valutazione della dinamica dell ambiente stesso l ambiente deve possedere caratteristiche di utilizzo di facile e rapido apprendimento funzioni di aiuto, quali le guide in linea, e documentazione relativa al funzionamento dell ambiente devono essere di facili reperimento e connesse al compito svolto dall utente l ambiente, pur configurandosi in modo da prevenire gli errori, ove questi, comunque, si manifestino, deve fornire appropriati messaggi che individuino chiaramente l errore occorso e le azioni necessarie per superarlo l ambiente deve possedere caratteristiche idonee a favorire e mantenere l interesse dell utente l ambiente deve tener conto delle preferenze individuali e dei contesti 25 di 48

26 I test di usabilità Capire come l'utente si muove e ragiona Identificare criticità dell'interfaccia per poterle correggere in fase di design 26 di 48

27 Alcuni accorgimenti per migliorare l accessibilità dei contenuti 27 di 48

28 28 di 48

29 29 di 48

30 30 di 48

31 Immagini Fornire un alternativa testuale equivalente per ogni immagine Sono vietati oggetti e scritte lampeggianti o in movimento Testi in forma di immagini sono ammessi solo per loghi o banner 31 di 48

32 Loghi o immagini che contengono testo Nel caso di un logo l equivalente testuale deve corrispondere al testo presente nell'immagine <img alt= Governo italiano - Presidenza del Consiglio dei Ministri src= governo.jpg /> 32 di 48

33 Immagine decorative Si può omettere il testo alternativo solo per le immagini puramente decorative <img alt= src= easyitalia.jpg /> 33 di 48

34 Grafici Nel caso di un grafico il testo alternativo corretto è il nome della tabella che rappresenta <img alt= Organizzazione di consultazioni pubbliche tramite Web o src= grafico.jpg /> È necessario però fornire le stesse informazioni in modo alternativo, ad esempio riassumendo in un blocco di testo i dati In Italia, rispetto ad altre nazioni europee, la tendenza ad utilizzare le consultazioni pubbliche dei cittadini tramite internet è ancora molto scarsa (consulta i dati). 34 di 48

35 Qual è il testo alternativo più corretto? 1. Una mela appoggiata alla sommità di un grattacielo e sullo sfondo una città 2. Panorama di New York 3. La Grande Mela (The Big Apple) 4. Una mela di 48

36 Collegamenti ipertestuali Devono essere evitati enunciati troppo generici come approfondisci, continua, clicca qui Usare testi significativi anche se letti al di fuori del proprio contesto Assicurarsi che il testo del link sia chiaro e breve È sconsigliato utilizzare solo simboli grafici cliccabili, ad esempio freccine o iconcine Un link è come un cartello stradale: si deve vedere e deve indicare la meta in modo inequivocabile 36 di 48

37 Link a documenti da scaricare Quando un link punta ad un file, indicare anche il tipo di documento e le sue dimensioni 37 di 48

38 Quale di questi link risulta più efficace? 1. Clicca qui per partecipare al nostro sondaggio e vincere un premio 2. Clicca qui per partecipare al nostro sondaggio e vincere un premio 3. Partecipa al sondaggio e vinci 38 di 48

39 Colori Rendere disponibili tutti gli elementi informativi anche in assenza del particolare colore utilizzato per presentarli Garantire un sufficiente contrasto tra i colori utilizzati per lo sfondo e il testo 39 di 48

40 Tabelle di dati Intestazioni di righe e colonne Descrivere i contenuti e identificare le intestazioni di righe e colonne Prevedere sempre un sommario e un titolo della tabella Per tabelle dati complesse, utilizzare altri elementi ed attributi qualitbody,thead,tfoot, col, colgroup Sommario e titolo della tabella 40 di 48

41 Video Nel caso di contenuti multimediali indispensabili per la completezza dell informazione, aggiungere: - un riassunto - una trascrizione - sottotitoli e/o audiodescrizioni 41 di 48

42 Migliorare la struttura della pagina L 80% dei navigatori non legge riga per riga, ma scorre la pagina rapidamente. Generalmente se non trova quello che gli interessa nei primi 30 secondi abbandona il sito! Rendere immediatamente chiaro di cosa si parla Testi brevi scanditi da titoli e sottotitoli Utilizzare sempre la stessa struttura Evitare le pagine troppo lunghe 42 di 48

43 Migliorare l usabilità dei testi Scegliere titoli di pagina brevi, semplici ed efficaci Allineare i testi a sinistra Dividere il testo in più paragrafi Utilizzare le liste puntate o numerate Rendere ogni paragrafo auto-consistente 43 di 48

44 Cioè?? Informazioni aggiornate su musei, mostre, attrazioni turistiche, consigli di viaggio, consulenza per conoscere i propri diritti di viaggiatore, aiuto e pronto intervento in caso di disagio (disservizi o servizi turistici non conformi al contratto, richiesta di intervento medico, delle forze dell'ordine, etc.), collegamento diretto con le reti informative dei vari territori e un'assistenza speciale per i diversamente abili. In breve, tutto cio' di cui il turista ha bisogno per rendere piu' facile e sicura la propria vacanza. L'assistenza telefonica multilingue permette di superare in modo veloce le difficolta' linguistiche e culturali, offrendo una risposta immediata ed efficace ai diversi bisogni che si possono manifestare durante il soggiorno nel nostro Paese. Questo il commento del ministro: Con Easy Italia abbiamo voluto realizzare un punto di riferimento unico su tutto il territorio nazionale al quale il viaggiatore possa rivolgersi per ogni esigenza. Non solo un contatto per avere informazioni, ma un valido interlocutore per ricevere assistenza qualificata. Gli operatori che risponderanno si faranno, infatti, carico della richiesta del turista e lo accompagneranno fino alla risoluzione del problema''. ''L'Italia è la meta più desiderata da gran parte dei turisti del mondo - ha detto ancora la Brambilla - ed e' ovunque famosa per la grande cultura dell'ospitalità e dell'accoglienza. Mettere al centro il turista e le sue necessità, rendere il suo soggiorno nel nostro Paese ancora più facile e piacevole, rappresenta per noi una priorità assoluta. La stessa attenzione riserviamo ovviamente ai turisti italiani, perché le loro vacanze siano davvero un momento di svago, senza pensieri. 44 di 48

45 Forse così è più chiaro Quali servizi offre Easy Italia ai turisti I turisti possono chiamare Easy Italia per avere: informazioni aggiornate su musei, mostre e attrazioni turistiche, consigli di viaggio, consulenza per conoscere i propri diritti di viaggiatore, aiuto e pronto intervento in caso di disagio (disservizi o servizi turistici non conformi al contratto richiesta di intervento medico, delle forze dell'ordine), collegamento diretto con le reti informative dei vari territori, assistenza speciale per i diversamente abili. In breve, tutto ciò di cui il turista ha bisogno per rendere più facile e sicura la propria vacanza. L'assistenza telefonica multilingue permette di superare in modo veloce le difficoltà linguistiche e culturali, offrendo una risposta immediata ed efficace ai diversi bisogni che si possono manifestare durante il soggiorno nel nostro Paese. Un valido interlocutore per il turista Questo il commento del ministro Brambilla: Con Easy Italia abbiamo voluto realizzare un punto di riferimento unico su tutto il territorio nazionale al quale il viaggiatore possa rivolgersi per ogni esigenza. Non solo un contatto per avere informazioni, ma un valido interlocutore ( ) 45 di 48

46 La comprensibilità del testo Testo continuo Titoli e sottotitoli lunghi e astratti Frasi lunghe con costruzioni subordinate Forme verbali passive e impersonali Doppia negazione Soggetti inanimati Abbreviazioni e sigle Parole del gergo burocratico Testo articolato Titoli e sottotitoli brevi e concreti Frasi brevi con costruzioni coordinate Forme verbali attive e personali Affermazione Soggetti animati Parole intere Parole della lingua naturale 46 di 48

47 Per saperne di più Accessibilità Guida completa, Diodati M. Con un linguaggio chiaro e puntuale, l'autore illustra i problemi, gli strumenti, i linguaggi dei quali tener conto per uno sviluppo accessibile Legge 04/2004 dalla teoria alla realtà, Scano R. Un manuale per applicare e verificare i requisiti della Legge 04/2004 Destinazione Web Un manuale destinato a tutti i responsabili e redattori di siti web pubblici 47 di 48

48 Grazie! Tutti i cittadini hanno pari dignità sociale e sono eguali davanti alla legge, senza distinzione di sesso, di razza, di lingua, di religione, di opinioni politiche, di condizioni personali e sociali. Articolo 3, Costituzione della Repubblica Italiana Opera rilasciata sotto licenza Creative Commons Attribuzione-Non commerciale-condividi allo stesso modo 2.5 Italia 48 di 48