I Webinar di Formez PA – Accessibilità dei siti web1 di 48

Accessibilità dei siti webAccessibilità dei siti web

I Webinar di Formez PAI Webinar di Formez PA

I Webinar di Formez PA – Accessibilità dei siti web2 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web3 di 48

Conosci la normativa italiana sull’accessibilità dei siti web?

I Webinar di Formez PA – Accessibilità dei siti web4 di 48

La normativa italiana in materia La normativa italiana in materia di accessibilità dei siti webdi accessibilità dei siti web

I Webinar di Formez PA – Accessibilità dei siti web5 di 48

La normativa italiana sull'accessibilità

Il testo della Legge 4/2004 e i relativi decreti attuativihttp://www.cnipa.gov.it/site/_files/Opuscolo%207.pdf

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

I Webinar di Formez PA – Accessibilità dei siti web6 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web7 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web8 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web9 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web10 di 48

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à

I Webinar di Formez PA – Accessibilità dei siti web11 di 48

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à

I Webinar di Formez PA – Accessibilità dei siti web12 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web13 di 48

I nuovi requisiti tecnici per I nuovi requisiti tecnici per l’accessibilità dei siti webl’accessibilità dei siti web

I Webinar di Formez PA – Accessibilità dei siti web14 di 48

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à

I Webinar di Formez PA – Accessibilità dei siti web15 di 48

WCAGWeb Content Accessibility Guidelines

DM 8 luglio 2005Allegato A: Verifica tecnica e requisiti di accessibilità

delle applicazioni basate su tecnologie internet

maggio 1999WCAG 1.0

dicembre 2008WCAG 2.0

luglio 2005Allegato A

aprile 2010Revisione allegato A

I Webinar di Formez PA – Accessibilità dei siti web16 di 48

Struttura delle WCAG 2.0

I Webinar di Formez PA – Accessibilità dei siti web17 di 48

I 4 principi

Principio 1: Percepibile

Principio 2: Utilizzabile Principio 3: Comprensibile

Principio 4: Robusto

I Webinar di Formez PA – Accessibilità dei siti web18 di 48

Requisito 1 - Alternative testualiFornire 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 2 - Contenuti audio, contenuti video, animazioniFornire alternative testuali equivalenti per le informazioni veicolate da formati audio, formati video, formati contenenti immagini animate (animazioni), formati multisensoriali in genere

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 3 - AdattabileCreare contenuti che possano essere rappresentati in modalità differenti (ad esempio, con layout più semplici), senza perdita di informazioni o struttura

Requisito 4 - DistinguibileRendere più semplice agli utenti la visione e l'ascolto dei contenuti, separando i contenuti in primo piano dallo sfondo

I Webinar di Formez PA – Accessibilità dei siti web19 di 48

Principio 2: Utilizzabile

Requisito 5 - Accessibile da tastieraRendere disponibili tutte le funzionalità anche tramite tastiera

Requisito 6 - Adeguata disponibilità di tempoFornire all'utente tempo sufficiente per leggere ed utilizzare i contenuti

I componenti dell’interfaccia utente e i comandi in essa contenuti devono essere utilizzabili senza ingiustificati disagi o vincoli per l’utente

Requisito 7 - Crisi epiletticheNon sviluppare contenuti che possano causare crisi epilettiche

Requisito 8 - NavigabileFornire all'utente funzionalità di supporto per navigare, trovare contenuti e determinare la propria posizione nel sito e nelle pagine

I Webinar di Formez PA – Accessibilità dei siti web20 di 48

Principio 3: Comprensibile

Requisito 9 - LeggibileRendere leggibile e comprensibile il contenuto testuale

Requisito 10 - PrevedibileCreare pagine Web che appaiano e che si comportino in maniera prevedibile

Requisito 11 - Assistenza nell'inserimento di dati e informazioniAiutare l'utente ad evitare gli errori ed agevolarlo nella loro correzione

Gli utenti devono poter comprendere le modalità di funzionamento dell’interfaccia e le azioni in essa contenute necessarie per ottenere servizi e informazioni

I Webinar di Formez PA – Accessibilità dei siti web21 di 48

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 - CompatibileGarantire la massima compatibilità con i programmi utente e con le tecnologie assistive

I Webinar di Formez PA – Accessibilità dei siti web22 di 48

L’usabilità dei siti webL’usabilità dei siti web

I Webinar di Formez PA – Accessibilità dei siti web23 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web24 di 48

Principi di usabilità 1/2

Percezione informazioni e comandi necessari per l’esecuzione dell’attività devono essere sempre disponibili e percettibili

Comprensibilità informazioni e comandi necessari per l’esecuzione delle attività devono essere facili da capire e da usare

Operabilità informazioni e comandi devono consentire una scelta immediata della azione adeguata per raggiungere l’obiettivo voluto

Coerenza simboli, messaggi e azioni devono avere lo stesso significato in tutto l’ambiente

Salvaguardia della salute

l’ambiente deve possedere caratteristiche idonee a salvaguardare il benessere psicofisico dell’utente

Sicurezza l’ambiente deve possedere caratteristiche idonee a fornire transazioni e dati affidabili, gestiti con adeguati livelli di sicurezza

I Webinar di Formez PA – Accessibilità dei siti web25 di 48

Principi di usabilità 2/2

Trasparenza 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

Apprendibilità l’ambiente deve possedere caratteristiche di utilizzo di facile e rapido apprendimento

Aiuto e documentazione

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

Tolleranza agli errori 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

Gradevolezza l’ambiente deve possedere caratteristiche idonee a favorire e mantenere l’interesse dell’utente

Flessibilità l’ambiente deve tener conto delle preferenze individuali e dei contesti

I Webinar di Formez PA – Accessibilità dei siti web26 di 48

I test di usabilità

Capire come l'utente si muove e ragiona

Identificare criticità dell'interfaccia per poterle correggere in fase di design

I Webinar di Formez PA – Accessibilità dei siti web27 di 48

Alcuni accorgimenti per migliorare Alcuni accorgimenti per migliorare l’accessibilità dei contenutil’accessibilità dei contenuti

I Webinar di Formez PA – Accessibilità dei siti web28 di 48

I Webinar di Formez PA – Accessibilità dei siti web29 di 48

I Webinar di Formez PA – Accessibilità dei siti web30 di 48

I Webinar di Formez PA – Accessibilità dei siti web31 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web32 di 48

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” />

I Webinar di Formez PA – Accessibilità dei siti web33 di 48

Immagine decorative

Si può omettere il testo alternativo solo per le immagini puramente decorative

<img alt=“” src=“easyitalia.jpg” />

I Webinar di Formez PA – Accessibilità dei siti web34 di 48

Grafici

In Italia, rispetto ad altre nazioni europee, la tendenza ad utilizzare le consultazioni pubbliche dei cittadini tramite internet è ancora molto scarsa (consulta i dati).

Nel caso di un grafico il testo alternativo corretto è il nome della tabella che rappresenta

<img alt=“Organizzazione di consultazioni pubbliche tramite Web o e-mail” src=“grafico.jpg” />

È necessario però fornire le stesse informazioni in modo alternativo, ad esempio riassumendo in un blocco di testo i dati

I Webinar di Formez PA – Accessibilità dei siti web35 di 48

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”

5. “”

I Webinar di Formez PA – Accessibilità dei siti web36 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web37 di 48

Link a documenti da scaricare

Quando un link punta ad un file, indicare anche il tipo di documento e le sue dimensioni

I Webinar di Formez PA – Accessibilità dei siti web38 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web39 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web40 di 48

Tabelle di dati

Intestazioni di righe e colonne

Sommario e titolo della tabella

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 quali tbody, thead, tfoot, col, colgroup

I Webinar di Formez PA – Accessibilità dei siti web41 di 48

Video

Nel caso di contenuti multimediali indispensabili per la completezza dell’informazione, aggiungere:

- un riassunto

- una trascrizione

- sottotitoli e/o audiodescrizioni

I Webinar di Formez PA – Accessibilità dei siti web42 di 48

Migliorare la struttura della pagina

Rendere immediatamente chiaro di cosa si parla

Testi brevi scanditi da titoli e sottotitoli

Utilizzare sempre la stessa struttura

Evitare le pagine troppo lunghe

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!

I Webinar di Formez PA – Accessibilità dei siti web43 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web44 di 48

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

I Webinar di Formez PA – Accessibilità dei siti web45 di 48

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 (…)

Forse così è più chiaro

I Webinar di Formez PA – Accessibilità dei siti web46 di 48

La comprensibilità del testo

Testo continuo Testo articolato

Titoli e sottotitoli lunghi e astratti Titoli e sottotitoli brevi e concreti

Frasi lunghe con costruzioni subordinate

Frasi brevi con costruzioni coordinate

Forme verbali passive e impersonali Forme verbali attive e personali

Doppia negazione Affermazione

Soggetti inanimati Soggetti animati

Abbreviazioni e sigle Parole intere

Parole del gergo burocratico Parole della lingua naturale

I Webinar di Formez PA – Accessibilità dei siti web47 di 48

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 WebUn manuale destinato a tutti i responsabili e redattori di siti web pubblici

Per saperne di più

I Webinar di Formez PA – Accessibilità dei siti web48 di 48

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 CommonsAttribuzione-Non commerciale-Condividi allo stesso modo 2.5 Italia http://creativecommons.org/licenses/by-nc-sa/2.5/it/

Grazie!Grazie!