SlideShare a Scribd company logo
1 of 65
Nuovi requisiti per l’accessibilità dei siti web Gianluca Affinito Trieste, 23 giugno 2011
Di cosa parleremo Normativa italiana in materia di accessibilità dei siti web della PA Nuovi requisiti tecnici per l’accessibilità dei siti web Criteri e metodi per la verifica tecnica dei nuovi requisiti Radar Web PA , uno strumento per la valutazione della qualità dei siti web della PA Indice  Accessibilità e usabilità  di  Radar Web PA Come valutare l’indice  Accessibilità e usabilità  (workshop)
Prima di iniziare, una breve cronologia maggio 1999 WCAG 1.0 dicembre 2009 WCAG 2.0 in italiano gennaio 2004 Legge 4/2004 luglio 2005 DM 8 luglio 2005 aprile 2008 DM 30 aprile 2008 dicembre 2008 WCAG 2.0 ?? Nuovi  requisiti tecnici aprile  2010 Proposta revisione requisiti tecnici marzo 2007 Moodle 1.8 marzo 2005 DPR 30 marzo 2005
Normativa italiana in materia di accessibilità dei siti web
La normativa italiana sull'accessibilità Il testo della Legge 4/2004 e i relativi decreti attuativi http://archivio.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 Un sito web accessibile è maggiormente fruibile da tutti gli utenti, non solo da coloro che utilizzano le tecnologie assistive
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
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
A chi si rivolge PA in senso stretto Pubbliche amministrazioni  Enti pubblici economici Enti di assistenza e di riabilitazione pubblici Aziende municipalizzate regionali …  ma non solo Aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico Aziende private concessionarie di servizi pubblici Aziende appaltatrici di servizi informatici
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 a parità di ogni altra condizione 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à
Nuovi requisiti tecnici per l’accessibilità dei siti web
I nuovi requisiti tecnici di accessibilità  Dicembre 2008:  Linee guida per l’accessibilità dei contenuti per il Web  (WCAG 2.0) Aprile 2010:  Proposta di revisione dei requisiti tecnici di accessibilità Criteri e metodi per la verifica tecnica e requisiti tecnici di accessibilità per i contenuti e i servizi forniti per mezzo di applicazioni basate su tecnologie Web  (versione 26 aprile 2010) http://www.innovazionepa.gov.it/media/556981/linee_guida_acc.pdf   ??:  Nuovi requisiti tecnici di accessibilità
La struttura delle WCAG 2.0 http://www.w3.org/Translations/WCAG20-it/
WCAG 2.0 http://www.michaelgaigg.com/blog/2008/12/19/web-content-accessiblity-guidelines-wcag-20-overview-and-structure/
Proposta di revisione dei requisiti tecnici 1. Percepibile 2. Utilizzabile 3. Comprensibile 4. Robusto 1. Alternative testuali 2. Contenuti audio/video e animazioni 3. Adattabile 4. Distinguibile 5. Accessibile da tastiera 6. Adeguata disponibilità di tempo 7. Crisi epilettiche 8. Navigabile 9. Leggibile 10. Prevedibile 11. Assistenza nell’inserimento di dati 12. Compatibile Principi Requisiti Punti di controllo 1.1 2.1 - 2.4 3.1 - 3.3 4.1 - 4.5 5.1 - 5.2 6.1 - 6.2 7.1 8.1 - 8.7 9.1 - 9.2 10.1 - 10.4 11.1 - 11.4 12.1 - 12.2
Principio 1 e relativi requisiti 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à 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 4 - Distinguibile Rendere più semplice agli utenti la visione e l'ascolto dei contenuti, separando i contenuti in primo piano dallo sfondo 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 3 - Adattabile Creare contenuti che possano essere rappresentati in modalità differenti (ad esempio, con layout più semplici), senza perdita di informazioni o struttura
Principio 2 e relativi requisiti Requisito 5 - Accessibile da tastiera Rendere disponibili tutte le funzionalità anche tramite tastiera 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 8 - Navigabile Fornire all'utente funzionalità di supporto per navigare, trovare contenuti e determinare la propria posizione nel sito e nelle pagine Requisito 6 - Adeguata disponibilità di tempo Fornire all'utente tempo sufficiente per leggere ed utilizzare i contenuti Requisito 7 - Crisi epilettiche Non sviluppare contenuti che possano causare crisi epilettiche
Principio 3 e relativi requisiti Requisito 9 - Leggibile Rendere leggibile e comprensibile il contenuto testuale 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 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
Principio 4 e relativi requisiti Requisito 12 - Compatibile Garantire la massima compatibilità con i programmi utente e con le tecnologie assistive 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
Criteri e metodi per la verifica tecnica dei nuovi requisiti
Metodologia per la verifica tecnica Indipendenza dalla piattaforma Tecnologie compatibili con l'accessibilità Criteri di conformità Requisiti tecnici di accessibilità e punti di controllo
Tecnologie compatibili con l'accessibilità 1. Tecnologie di base: HTML 4.01, XHTML 1.0 e successive ecma-script CSS 1.0 e successive Raccomandazioni del W3C (XML, SVG, SMIL) 2. Tecnologie per le quali sono verificate tutte le seguenti condizioni: esistono linee guida sulla accessibilità relative alla tecnologia in oggetto sono indicate le modalità di applicazione dei Criteri di Successo delle WCAG 2.0 i programmi che l'utente deve eventualmente utilizzare supportano le tecnologie assistive
Criteri di conformità 1)  Totalità dei requisiti tecnici 2)  Pagine complete 3)  Processi completi 4)  Utilizzo di sole tecnologie compatibili con l'accessibilità 5)  Formato e contenuto dei documenti
Radar Web PA , uno strumento per la valutazione della qualità dei siti web della PA
Radar Web PA Radar Web PA  è una metodologia che permette di valutare la conformità di un sito web della pubblica amministrazione italiana ai criteri definiti nelle  Linee guida per i siti web della PA Radar Web PA  si colloca nell’ambito di  ETICA  , un progetto di Formez PA finalizzato tra l’altro al miglioramento della comunicazione delle attività realizzate dalle pubbliche amministrazioni
La metodologia Nasce dalla trasposizione in variabili misurabili delle indicazioni contenute nelle  Linee guida per i siti web della PA S i basa su 6 indici che rilevano, in modo quantitativo o qualitativo, il rispetto di un requisito o l'aderenza a una raccomandazione Prevede elementi osservabili e misurabili anche da un valutatore esterno alla amministrazione La valutazione viene sintetizzata con un grafico a radar
Gli obiettivi Accompagnare le PA nel processo di adeguamento dei propri siti alle  Linee guida per i siti web della PA  (ver. 2011) Facilitare l'attività di miglioramento della qualità di un sito web Permettere l'individuazione dei punti di forza e di debolezza di un sito web Verificare se gli interventi di miglioramento realizzati hanno portato i risultati attesi
In collaborazione con…
Indice  Accessibilità e usabilità  di  Radar Web PA
Indice  Accessibilità e usabilità : da dove siamo partiti (*) Quale requisiti tecnici utilizzare come base, quelli del 2005 o la proposta di revisione del 2010?  Sono sufficienti i requisiti tecnici previsti dalla normativa sull’accessibilità per valutare anche l’usabilità? Quali punti di controllo utilizzare come variabili dell’indice? Come rendere fruibili gli enunciati delle variabili anche a un non esperto di accessibilità? (*)  Si ringraziano Vincenzo Mania e Jacopo Deyla per l’aiuto nella definizione delle variabili  dell’indice  Accessibilità e usabilità  della metodologia  Radar Web PA
Principi di accessibilità, ma anche di usabilità Principio 1: Percepibile Principio 2: Utilizzabile Principio 3: Comprensibile Principio 4: Robusto
Indice  Accessibilità e usabilità :   Variabili 1/4 B1 Alternative testuali Immagini, audio e video (non puramente decorativi) hanno sempre un’alternativa di testo equivalente ed esaustiva? B2 Sottotitoli I video e le animazioni hanno sottotitoli sincronizzati? B3 Struttura della pagina La sequenza di lettura dei contenuti e la struttura della pagina Web sono comprensibili anche se fruiti in modalità differenti (es. senza grafica, con screen reader, ecc.)? B4 Caratteristiche sensoriali Le istruzioni per comprendere i contenuti e/o interagire con la pagina Web sono slegate da caratteristiche sensoriali (forma, dimensione o ubicazione visiva)? B5 Uso del colore Il colore è sempre sufficientemente contrastato e non è l'unico modo per veicolare funzioni e informazioni?
Indice  Accessibilità e usabilità :   Variabili 2/4 B6 Controllo del sonoro È possibile mettere in pausa i contenuti audio eseguiti automaticamente per più di tre secondi? B7 Utilizzo della tastiera È possibile utilizzare la tastiera per fruire del contenuto e spostarsi da un componente all'altro della pagina? B8 Disponibilità di tempo Il tempo per compiere una determinata funzione è sufficiente per tutti gli utenti ed è possibile controllare (mettere in pausa, interrompere o nascondere) qualsiasi movimento e auto-aggiornamento delle informazioni? B9 Lampeggiamenti Sono assenti oggetti che lampeggiano per più di tre volte al secondo? B10 Salto di blocchi È possibile saltare i blocchi di contenuto che si ripetono su più pagine Web?
Indice  Accessibilità e usabilità :   Variabili 3/4 B11 Titolo della pagina Il titolo della pagina Web ne descrive i contenuti o la funzione? B12 Ordine del focus Gli oggetti della pagina Web ricevono il focus in un ordine che ne conserva il senso e l'operatività? B13 Scopo dei link Lo scopo di ogni collegamento ipertestuale è comprensibile? B14 Ordine delle intestazioni La gerarchia dei contenuti della pagina Web è organizzata con le intestazioni appropriate?  B15 Lingua della pagina La lingua della pagina Web viene indicata utilizzando la specifica dichiarazione del linguaggio di marcatura utilizzato?
Indice  Accessibilità e usabilità :   Variabili 4/4 B16 Prevedibilità della pagina L'utente è informato o può controllare tutti i cambiamenti di contesto che possono avvenire quando interagisce con la pagina Web? B17 Meccanismi di navigazione I meccanismi di navigazione ripetuti su più pagine Web appaiono nello stesso ordine ogni volta che si ripetono e i componenti sono identificati sempre in modo univoco? B18 Inserimento di dati Tutti i campi dei moduli hanno delle etichette esplicative e delle istruzioni che le chiariscono? B19 Identificazione degli errori Gli errori di inserimento nei moduli vengono identificati in modo chiaro e vengono forniti dei suggerimenti per correggerli e/o dei sistemi che permettono all'utente di confermare e reinserire i dati prima di inviarli definitivamente? B20 Conforme alle specifiche Il codice della pagina Web è conforme alle specifiche del linguaggio di marcatura o è sempre possibile identificare il nome, il valore e la funzione di tutti i componenti?
Come valutare l’indice  Accessibilità e usabilità
VaMoLà http://polo-rer.polocesena.unibo.it/vamola-validator/
La barra dell’accessibilità per Internet Explorer  Barra dell'accessibilità per Internet Explorer Software freeware che aiuta nella verifica dell’accessibilità di un sito web Nessun software può verificare automaticamente l’accessibilità di un sito, ma questo strumento permette di automatizzare alcuni controlli
Alternative testuali Tutti i contenuti non testuali (immagini, audio, video) presenti nella pagina devono possedere un'alternativa testuale equivalente che serva allo stesso scopo. Riferimento Punto di controllo 1.1 - Contenuti non testuali Punto di controllo 2.1 - Contenuti registrati presentati in formato solo audio, solo video o animazione senza audio Immagini > Elenca le Immagini.  Informazioni > Elenco dei file multimediali Immagini, audio e video (non puramente decorativi) hanno sempre un’alternativa di testo equivalente ed esaustiva?
Sottotitoli Tutti i contenuti presentati in formati multisensoriali (video con audio, animazione con audio), indispensabili per la completezza dell’informazione, devono possedere sottotitoli sincronizzati.  Riferimento Punto di controllo 2.2 - Sottotitoli (per contenuti registrati) I video e le animazioni hanno sottotitoli sincronizzati? Informazioni > Elenco dei file multimediali
Struttura della pagina Le informazioni, la struttura e le correlazioni fra distinti blocchi di contenuto devono essere fruibili in qualsiasi situazione.  Quando la sequenza con cui è presentato il contenuto  influisce sulla percezione del suo significato, allora deve essere definita la corretta sequenza di lettura.  Riferimento Punto di controllo 3.1 - Informazioni e correlazioni Punto di controllo 3.2 - Sequenza significativa La sequenza di lettura dei contenuti e la struttura della pagina Web sono comprensibili anche se fruiti in modalità differenti (es. senza grafica, con screen reader, ecc.)? CSS > Disabilita il CSS Struttura > Struttura delle  intestazioni
Caratteristiche sensoriali Le istruzioni fornite per comprendere ed operare sui contenuti non devono basarsi unicamente su caratteristiche sensoriali dei componenti quali forma, dimensione, ubicazione visiva, orientamento o suono. Riferimento Punto di controllo 3.3 - Caratteristiche sensoriali Le istruzioni per comprendere i contenuti e/o interagire con la pagina Web sono slegate da caratteristiche sensoriali (forma, dimensione o ubicazione visiva)? CSS > Disabilita il CSS Struttura > Struttura delle  intestazioni
Uso del colore Il colore del testo in primo piano  deve essere sufficientemente contrastato rispetto a quello di sfondo.  Il colore non deve essere utilizzato come unica modalità visiva per rappresentare informazioni, indicare azioni o come elemento di distinzione visiva. Riferimento Punto di controllo 4.1 - Uso del colore Punto di controllo 4.3 - Contrasto (minimo) Il colore è sempre sufficientemente contrastato e non è l'unico modo per veicolare funzioni e informazioni? Colore > Contrast Analyser Colore > Scala dei grigi
Controllo del sonoro Se un contenuto audio all'interno di una pagina Web è eseguito automaticamente per più di tre secondi, allora deve essere fornita una funzionalità per metterlo in pausa o interromperlo.  Riferimento Punto di controllo 4.2 - Controllo del sonoro È possibile mettere in pausa i contenuti audio eseguiti automaticamente per più di tre secondi? Informazioni > Elenco dei file multimediali
Utilizzo della tastiera Tutte le funzionalità della pagina devono essere utilizzabili tramite la tastiera.  Riferimento Punto di controllo 5.1 - Tastiera Punto di controllo 5.2 - Nessun impedimento all'uso della tastiera È possibile utilizzare la tastiera per fruire del contenuto e spostarsi da un componente all'altro della pagina? Struttura > Ordine di tabulazione
Disponibilità di tempo Se l'esecuzione di una determinata azione prevede un limite di tempo, l'utente deve poter rimuovere o regolare tale limite prima di raggiungerlo e deve essere avvisato prima dello scadere del tempo.  Riferimento Punto di controllo 6.1 - Regolazione tempi di esecuzione Punto di controllo 6.2 - Pausa, stop, nascondi Il tempo per compiere una determinata funzione è sufficiente per tutti gli utenti ed è possibile controllare (mettere in pausa, interrompere o nascondere) qualsiasi movimento e auto-aggiornamento delle informazioni?  Controllare se è stata indicata la durata massima di esecuzione di un'azione e se l'utente può modificare tale limite
Lampeggiamenti Le pagine Web non devono contenere nulla che lampeggi per più di tre volte al secondo.  Riferimento Punto di controllo 7.1 - Lampeggiamenti Sono assenti oggetti che lampeggiano per più di tre volte al secondo? Immagini > Test frequenza GIF animate
Salto di blocchi Devono essere forniti meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine, il cosiddetto skip menu.  Riferimento Punto di controllo 8.1 - Salto di blocchi È possibile saltare i blocchi di contenuto che si ripetono su più pagine Web? CSS > Disabilita il CSS Informazioni > Visualizza i link
Titolo della pagina Ogni pagina Web deve avere un titolo che ne descriva l'argomento o la finalità.  Riferimento Punto di controllo 8.2 - Titolo della pagina Il titolo della pagina Web ne descrive i contenuti o la funzione?  Informazioni > Informazioni sulla pagina Informazioni > Informazioni sui metadata
Ordine del focus Se una pagina Web può essere navigata in modo sequenziale, gli oggetti che possono ricevere il focus devono riceverlo secondo un ordine che ne preservi il senso e l'operatività.  Riferimento Punto di controllo 8.3 - Ordine del focus Gli oggetti della pagina Web ricevono il focus in un ordine che ne conserva il senso e l'operatività? Struttura > Ordine di tabulazione
Scopo dei link Lo scopo di ogni collegamento ipertestuale deve essere sufficientemente comprensibile, anche se letto indipendentemente dal proprio contesto. Riferimento Punto di controllo 8.4 - Scopo del collegamento (nel contesto) Lo scopo di ogni collegamento ipertestuale è comprensibile?  Informazioni  > Visualizza i link
Ordine delle intestazioni Per descrivere l'organizzazione logica degli argomenti e la finalità dei blocchi di contenuto devono essere utilizzate intestazioni appropriate e nel corretto ordine sequenziale gerarchico.  Riferimento Punto di controllo 8.6 - Titoli ed etichette La gerarchia dei contenuti della pagina Web è organizzata con le intestazioni appropriate? Struttura > Struttura delle intestazioni
Lingua della pagina Deve essere definita la lingua di ogni pagina Web.  Riferimento Punto di controllo 9.1 - Lingua della pagina La lingua della pagina Web viene indicata utilizzando la specifica dichiarazione del linguaggio di marcatura utilizzato?  Informazioni > Informazioni sui  metadata
Prevedibilità della pagina Quando un qualsiasi componente riceve il focus, non deve avviare automaticamente un cambiamento del contesto. Il cambiamento dell'impostazione di qualsiasi componente nell'interfaccia utente non deve provocare automaticamente un cambiamento di contesto, a meno che l'utente sia stato informato di questo comportamento prima di utilizzare il componente.  Riferimento Punto di controllo 10.1 - Al focus Punto di controllo 10.2 - All'input L'utente è informato o può controllare tutti i cambiamenti di contesto che possono avvenire quando interagisce con la pagina Web?  Struttura > Evidenziatore del focus
Meccanismi di navigazione I meccanismi di navigazione ripetuti su più pagine Web all'interno di un insieme di pagine Web devono apparire nello stesso ordine ogni volta che si ripetono, a meno che l'utente non abbia avviato un cambiamento. I componenti che hanno la stessa funzionalità all'interno di un insieme di pagine Web devono essere sempre identificati in modo uniforme.  Riferimento Punto di controllo 10.3 - Navigazione costante Punto di controllo 10.4 - Identificazione coerente I meccanismi di navigazione ripetuti su più pagine Web appaiono nello stesso ordine ogni volta che si ripetono e i componenti sono identificati sempre in modo univoco? Visualizzare le principali pagine collegate direttamente dalla pagina principale del sito e verificare se i meccanismi di navigazione vengono ripetuti
Inserimento di dati Quando il contenuto richiede azioni di input da parte dell'utente devono essere fornite etichette o istruzioni per la loro corretta esecuzione. Riferimento Punto di controllo 11.2 - Etichette o istruzioni Tutti i campi dei moduli hanno delle etichette esplicative e delle istruzioni che le chiariscono?  Struttura > Elementi fieldset / Label
Identificazione degli errori Se viene rilevato automaticamente un errore di inserimento, l'elemento in errore deve essere identificato chiaramente e l'errore rilevato descritto tramite testo.  Se viene identificato un errore di inserimento che si può correggere allora devono essere forniti suggerimenti all'utente, a meno che ciò non pregiudichi la sicurezza o la finalità del contenuto. Riferimento Punto di controllo 11.1 - Identificazione di errori Punto di controllo 11.3 - Suggerimenti per gli errori Punto di controllo 11.4 - Prevenzione degli errori (legali, finanziari, dati) Gli errori di inserimento nei moduli vengono identificati in modo chiaro e vengono forniti dei suggerimenti per correggerli e/o dei sistemi che permettono all'utente di confermare e reinserire i dati prima di inviarli definitivamente? Inserire dei dati errati o incompleti in un modulo e  verificare come vengono segnalati gli errori di compilazione
Conforme alle specifiche Il codice della pagina Web deve essere conforme alle specifiche del linguaggio di marcatura dichiarato e deve sempre essere possibile identificare il nome, il valore e la funzione di tutti i componenti.  Riferimento Punto di controllo 12.1 - Analisi sintattica (parsing) Punto di controllo 12.2 - Name, Role, Value Il codice della pagina Web è conforme alle specifiche del linguaggio di marcatura o è sempre possibile identificare il nome, il valore e la funzione di tutti i componenti?  Controlla > Validatore HTML del W3C > Valida l'HTML Controlla > Validatore CSS del W3C > Valida il CSS
Per approfondire
 
 
 
Strumenti Strumenti di valutazione dell’accessibilità dei siti web http://www.w3.org/WAI/ER/tools/complete   W3C HTML Validation Service  http://validator.w3.org W3C CSS Validator http://jigsaw.w3.org/css-validator VaMoLà http://polo-rer.polocesena.unibo.it/vamola-validator/   Barra dell'accessibilità per Internet Explorer  http://www.webaccessibile.org/argomenti/argomento.asp?cat=474   Web Developer per Firefox https://addons.mozilla.org/firefox/60/
Pubblicazioni Accessibilità Guida completa ,  Diodati M. Vengono illustrati 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 La PA accessibile Progettare servizi web per tutti i cittadini
La forza del web sta nella sua universalità. L’accesso da parte di chiunque, indipendentemente dalla sua disabilità, ne è un aspetto essenziale. (Tim Berners Lee, Direttore del W3C)
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  http://creativecommons.org/licenses/by-nc-sa/2.5/it/   Grazie! Gianluca Affinito [email_address] [email_address]   http://it.linkedin.com/in/gianlucaaffinito http://www.innovatoripa.it/users/gianluca-affinito

More Related Content

Similar to Nuovi requisiti per l'accessibilità dei siti web

accessibilità_web - valeria_neri
accessibilità_web - valeria_neriaccessibilità_web - valeria_neri
accessibilità_web - valeria_nerineri & neri
 
Linee guida per i siti web delle PA - Uno spunto per tutti
Linee guida per i siti web delle PA - Uno spunto per tuttiLinee guida per i siti web delle PA - Uno spunto per tutti
Linee guida per i siti web delle PA - Uno spunto per tuttiextrategy
 
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.DrupalDay
 
Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Roberto Polillo
 
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Simone Onofri
 
Nuovi requisiti-legge-stanca
Nuovi requisiti-legge-stancaNuovi requisiti-legge-stanca
Nuovi requisiti-legge-stancapicaja
 
Accessibilità, come e perché il tuo prodotto digital deve diventare per tutti
Accessibilità, come e perché il tuo prodotto digital deve diventare per tuttiAccessibilità, come e perché il tuo prodotto digital deve diventare per tutti
Accessibilità, come e perché il tuo prodotto digital deve diventare per tuttiPurple Network
 
22 Requisiti Legge 4/2004 (Legge Stanca)
22 Requisiti Legge 4/2004 (Legge Stanca)22 Requisiti Legge 4/2004 (Legge Stanca)
22 Requisiti Legge 4/2004 (Legge Stanca)Roberto Scano
 
Istituzioni e accessibilità: attualità e prospettive in Italia
Istituzioni e accessibilità:  attualità e prospettive in ItaliaIstituzioni e accessibilità:  attualità e prospettive in Italia
Istituzioni e accessibilità: attualità e prospettive in ItaliaRoberto Scano
 
Accessibilità siti Pubblica Amministrazione
Accessibilità siti Pubblica AmministrazioneAccessibilità siti Pubblica Amministrazione
Accessibilità siti Pubblica AmministrazioneClaudio Celeghin
 
Accessibilità Applicazioni Web
Accessibilità Applicazioni WebAccessibilità Applicazioni Web
Accessibilità Applicazioni WebRoberto Scano
 
Linee guida per i siti web della PA - 2011
Linee guida per i siti web della PA - 2011Linee guida per i siti web della PA - 2011
Linee guida per i siti web della PA - 2011AmmLibera AL
 
3.i siti web_della_pa_diviggiano_0-2_relazione_prof._luigi_diviggiano
3.i siti web_della_pa_diviggiano_0-2_relazione_prof._luigi_diviggiano3.i siti web_della_pa_diviggiano_0-2_relazione_prof._luigi_diviggiano
3.i siti web_della_pa_diviggiano_0-2_relazione_prof._luigi_diviggianoDaniele Esposito
 
Modulo 6: Accessibilità web e dei documenti
Modulo 6: Accessibilità web e dei documentiModulo 6: Accessibilità web e dei documenti
Modulo 6: Accessibilità web e dei documentiMarco Andreoli
 
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...Rino Razzi
 
Presentazione 2 anno
Presentazione 2 annoPresentazione 2 anno
Presentazione 2 anno37413600
 
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...webdieci
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016Paolo Dadda
 
Accessibilità dei siti web
Accessibilità dei siti webAccessibilità dei siti web
Accessibilità dei siti webFulvio Corno
 

Similar to Nuovi requisiti per l'accessibilità dei siti web (20)

2 accessibilità web
2 accessibilità web2 accessibilità web
2 accessibilità web
 
accessibilità_web - valeria_neri
accessibilità_web - valeria_neriaccessibilità_web - valeria_neri
accessibilità_web - valeria_neri
 
Linee guida per i siti web delle PA - Uno spunto per tutti
Linee guida per i siti web delle PA - Uno spunto per tuttiLinee guida per i siti web delle PA - Uno spunto per tutti
Linee guida per i siti web delle PA - Uno spunto per tutti
 
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.
 
Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)
 
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
 
Nuovi requisiti-legge-stanca
Nuovi requisiti-legge-stancaNuovi requisiti-legge-stanca
Nuovi requisiti-legge-stanca
 
Accessibilità, come e perché il tuo prodotto digital deve diventare per tutti
Accessibilità, come e perché il tuo prodotto digital deve diventare per tuttiAccessibilità, come e perché il tuo prodotto digital deve diventare per tutti
Accessibilità, come e perché il tuo prodotto digital deve diventare per tutti
 
22 Requisiti Legge 4/2004 (Legge Stanca)
22 Requisiti Legge 4/2004 (Legge Stanca)22 Requisiti Legge 4/2004 (Legge Stanca)
22 Requisiti Legge 4/2004 (Legge Stanca)
 
Istituzioni e accessibilità: attualità e prospettive in Italia
Istituzioni e accessibilità:  attualità e prospettive in ItaliaIstituzioni e accessibilità:  attualità e prospettive in Italia
Istituzioni e accessibilità: attualità e prospettive in Italia
 
Accessibilità siti Pubblica Amministrazione
Accessibilità siti Pubblica AmministrazioneAccessibilità siti Pubblica Amministrazione
Accessibilità siti Pubblica Amministrazione
 
Accessibilità Applicazioni Web
Accessibilità Applicazioni WebAccessibilità Applicazioni Web
Accessibilità Applicazioni Web
 
Linee guida per i siti web della PA - 2011
Linee guida per i siti web della PA - 2011Linee guida per i siti web della PA - 2011
Linee guida per i siti web della PA - 2011
 
3.i siti web_della_pa_diviggiano_0-2_relazione_prof._luigi_diviggiano
3.i siti web_della_pa_diviggiano_0-2_relazione_prof._luigi_diviggiano3.i siti web_della_pa_diviggiano_0-2_relazione_prof._luigi_diviggiano
3.i siti web_della_pa_diviggiano_0-2_relazione_prof._luigi_diviggiano
 
Modulo 6: Accessibilità web e dei documenti
Modulo 6: Accessibilità web e dei documentiModulo 6: Accessibilità web e dei documenti
Modulo 6: Accessibilità web e dei documenti
 
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...
 
Presentazione 2 anno
Presentazione 2 annoPresentazione 2 anno
Presentazione 2 anno
 
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016
 
Accessibilità dei siti web
Accessibilità dei siti webAccessibilità dei siti web
Accessibilità dei siti web
 

More from Gianluca Affinito

Guida agli strumenti Moodle per docenti
Guida agli strumenti Moodle per docentiGuida agli strumenti Moodle per docenti
Guida agli strumenti Moodle per docentiGianluca Affinito
 
Guida al corso online Partecipazione
Guida al corso online PartecipazioneGuida al corso online Partecipazione
Guida al corso online PartecipazioneGianluca Affinito
 
Come usare Moodle - Guida introduttiva
Come usare Moodle - Guida introduttivaCome usare Moodle - Guida introduttiva
Come usare Moodle - Guida introduttivaGianluca Affinito
 
Cosa sono i webinar e come si gestiscono
Cosa sono i webinar e come si gestisconoCosa sono i webinar e come si gestiscono
Cosa sono i webinar e come si gestisconoGianluca Affinito
 
Garantire l'accessibilità sui social media
Garantire l'accessibilità sui social mediaGarantire l'accessibilità sui social media
Garantire l'accessibilità sui social mediaGianluca Affinito
 
PA e social media: raccomandazioni d'uso
PA e social media: raccomandazioni d'usoPA e social media: raccomandazioni d'uso
PA e social media: raccomandazioni d'usoGianluca Affinito
 
Nuovo cad e siti web della pa
Nuovo cad e siti web della paNuovo cad e siti web della pa
Nuovo cad e siti web della paGianluca Affinito
 
Linee guida per i siti web della PA
Linee guida per i siti web della PALinee guida per i siti web della PA
Linee guida per i siti web della PAGianluca Affinito
 
L'accessibilità dei contenuti sul web
L'accessibilità dei contenuti sul webL'accessibilità dei contenuti sul web
L'accessibilità dei contenuti sul webGianluca Affinito
 
GooglePA, un motore di ricerca per i siti della PA italiana
GooglePA, un motore di ricerca per i siti della PA italianaGooglePA, un motore di ricerca per i siti della PA italiana
GooglePA, un motore di ricerca per i siti della PA italianaGianluca Affinito
 
Accessibilità del software didattico
Accessibilità del software didatticoAccessibilità del software didattico
Accessibilità del software didatticoGianluca Affinito
 

More from Gianluca Affinito (17)

Guida agli strumenti Moodle per docenti
Guida agli strumenti Moodle per docentiGuida agli strumenti Moodle per docenti
Guida agli strumenti Moodle per docenti
 
I MOOC di Formez PA
I MOOC di Formez PAI MOOC di Formez PA
I MOOC di Formez PA
 
Qualità dei servizi web
Qualità dei servizi webQualità dei servizi web
Qualità dei servizi web
 
Guida al corso online Partecipazione
Guida al corso online PartecipazioneGuida al corso online Partecipazione
Guida al corso online Partecipazione
 
Guida corso Open data
Guida corso Open dataGuida corso Open data
Guida corso Open data
 
Guida corso E-leadership
Guida corso E-leadershipGuida corso E-leadership
Guida corso E-leadership
 
Come usare Moodle - Guida introduttiva
Come usare Moodle - Guida introduttivaCome usare Moodle - Guida introduttiva
Come usare Moodle - Guida introduttiva
 
Cosa sono i webinar e come si gestiscono
Cosa sono i webinar e come si gestisconoCosa sono i webinar e come si gestiscono
Cosa sono i webinar e come si gestiscono
 
Moodle
MoodleMoodle
Moodle
 
Garantire l'accessibilità sui social media
Garantire l'accessibilità sui social mediaGarantire l'accessibilità sui social media
Garantire l'accessibilità sui social media
 
PA e social media: raccomandazioni d'uso
PA e social media: raccomandazioni d'usoPA e social media: raccomandazioni d'uso
PA e social media: raccomandazioni d'uso
 
Nuovo cad e siti web della pa
Nuovo cad e siti web della paNuovo cad e siti web della pa
Nuovo cad e siti web della pa
 
Come usare moodle
Come usare moodleCome usare moodle
Come usare moodle
 
Linee guida per i siti web della PA
Linee guida per i siti web della PALinee guida per i siti web della PA
Linee guida per i siti web della PA
 
L'accessibilità dei contenuti sul web
L'accessibilità dei contenuti sul webL'accessibilità dei contenuti sul web
L'accessibilità dei contenuti sul web
 
GooglePA, un motore di ricerca per i siti della PA italiana
GooglePA, un motore di ricerca per i siti della PA italianaGooglePA, un motore di ricerca per i siti della PA italiana
GooglePA, un motore di ricerca per i siti della PA italiana
 
Accessibilità del software didattico
Accessibilità del software didatticoAccessibilità del software didattico
Accessibilità del software didattico
 

Nuovi requisiti per l'accessibilità dei siti web

  • 1. Nuovi requisiti per l’accessibilità dei siti web Gianluca Affinito Trieste, 23 giugno 2011
  • 2. Di cosa parleremo Normativa italiana in materia di accessibilità dei siti web della PA Nuovi requisiti tecnici per l’accessibilità dei siti web Criteri e metodi per la verifica tecnica dei nuovi requisiti Radar Web PA , uno strumento per la valutazione della qualità dei siti web della PA Indice Accessibilità e usabilità di Radar Web PA Come valutare l’indice Accessibilità e usabilità (workshop)
  • 3. Prima di iniziare, una breve cronologia maggio 1999 WCAG 1.0 dicembre 2009 WCAG 2.0 in italiano gennaio 2004 Legge 4/2004 luglio 2005 DM 8 luglio 2005 aprile 2008 DM 30 aprile 2008 dicembre 2008 WCAG 2.0 ?? Nuovi requisiti tecnici aprile 2010 Proposta revisione requisiti tecnici marzo 2007 Moodle 1.8 marzo 2005 DPR 30 marzo 2005
  • 4. Normativa italiana in materia di accessibilità dei siti web
  • 5. La normativa italiana sull'accessibilità Il testo della Legge 4/2004 e i relativi decreti attuativi http://archivio.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 Un sito web accessibile è maggiormente fruibile da tutti gli utenti, non solo da coloro che utilizzano le tecnologie assistive
  • 6. 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. 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. A chi si rivolge PA in senso stretto Pubbliche amministrazioni Enti pubblici economici Enti di assistenza e di riabilitazione pubblici Aziende municipalizzate regionali … ma non solo Aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico Aziende private concessionarie di servizi pubblici Aziende appaltatrici di servizi informatici
  • 9. 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 a parità di ogni altra condizione 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. Nuovi requisiti tecnici per l’accessibilità dei siti web
  • 11. I nuovi requisiti tecnici di accessibilità Dicembre 2008: Linee guida per l’accessibilità dei contenuti per il Web (WCAG 2.0) Aprile 2010: Proposta di revisione dei requisiti tecnici di accessibilità Criteri e metodi per la verifica tecnica e requisiti tecnici di accessibilità per i contenuti e i servizi forniti per mezzo di applicazioni basate su tecnologie Web (versione 26 aprile 2010) http://www.innovazionepa.gov.it/media/556981/linee_guida_acc.pdf ??: Nuovi requisiti tecnici di accessibilità
  • 12. La struttura delle WCAG 2.0 http://www.w3.org/Translations/WCAG20-it/
  • 14. Proposta di revisione dei requisiti tecnici 1. Percepibile 2. Utilizzabile 3. Comprensibile 4. Robusto 1. Alternative testuali 2. Contenuti audio/video e animazioni 3. Adattabile 4. Distinguibile 5. Accessibile da tastiera 6. Adeguata disponibilità di tempo 7. Crisi epilettiche 8. Navigabile 9. Leggibile 10. Prevedibile 11. Assistenza nell’inserimento di dati 12. Compatibile Principi Requisiti Punti di controllo 1.1 2.1 - 2.4 3.1 - 3.3 4.1 - 4.5 5.1 - 5.2 6.1 - 6.2 7.1 8.1 - 8.7 9.1 - 9.2 10.1 - 10.4 11.1 - 11.4 12.1 - 12.2
  • 15. Principio 1 e relativi requisiti 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à 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 4 - Distinguibile Rendere più semplice agli utenti la visione e l'ascolto dei contenuti, separando i contenuti in primo piano dallo sfondo 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 3 - Adattabile Creare contenuti che possano essere rappresentati in modalità differenti (ad esempio, con layout più semplici), senza perdita di informazioni o struttura
  • 16. Principio 2 e relativi requisiti Requisito 5 - Accessibile da tastiera Rendere disponibili tutte le funzionalità anche tramite tastiera 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 8 - Navigabile Fornire all'utente funzionalità di supporto per navigare, trovare contenuti e determinare la propria posizione nel sito e nelle pagine Requisito 6 - Adeguata disponibilità di tempo Fornire all'utente tempo sufficiente per leggere ed utilizzare i contenuti Requisito 7 - Crisi epilettiche Non sviluppare contenuti che possano causare crisi epilettiche
  • 17. Principio 3 e relativi requisiti Requisito 9 - Leggibile Rendere leggibile e comprensibile il contenuto testuale 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 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
  • 18. Principio 4 e relativi requisiti Requisito 12 - Compatibile Garantire la massima compatibilità con i programmi utente e con le tecnologie assistive 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
  • 19. Criteri e metodi per la verifica tecnica dei nuovi requisiti
  • 20. Metodologia per la verifica tecnica Indipendenza dalla piattaforma Tecnologie compatibili con l'accessibilità Criteri di conformità Requisiti tecnici di accessibilità e punti di controllo
  • 21. Tecnologie compatibili con l'accessibilità 1. Tecnologie di base: HTML 4.01, XHTML 1.0 e successive ecma-script CSS 1.0 e successive Raccomandazioni del W3C (XML, SVG, SMIL) 2. Tecnologie per le quali sono verificate tutte le seguenti condizioni: esistono linee guida sulla accessibilità relative alla tecnologia in oggetto sono indicate le modalità di applicazione dei Criteri di Successo delle WCAG 2.0 i programmi che l'utente deve eventualmente utilizzare supportano le tecnologie assistive
  • 22. Criteri di conformità 1) Totalità dei requisiti tecnici 2) Pagine complete 3) Processi completi 4) Utilizzo di sole tecnologie compatibili con l'accessibilità 5) Formato e contenuto dei documenti
  • 23. Radar Web PA , uno strumento per la valutazione della qualità dei siti web della PA
  • 24. Radar Web PA Radar Web PA è una metodologia che permette di valutare la conformità di un sito web della pubblica amministrazione italiana ai criteri definiti nelle Linee guida per i siti web della PA Radar Web PA si colloca nell’ambito di ETICA , un progetto di Formez PA finalizzato tra l’altro al miglioramento della comunicazione delle attività realizzate dalle pubbliche amministrazioni
  • 25. La metodologia Nasce dalla trasposizione in variabili misurabili delle indicazioni contenute nelle Linee guida per i siti web della PA S i basa su 6 indici che rilevano, in modo quantitativo o qualitativo, il rispetto di un requisito o l'aderenza a una raccomandazione Prevede elementi osservabili e misurabili anche da un valutatore esterno alla amministrazione La valutazione viene sintetizzata con un grafico a radar
  • 26. Gli obiettivi Accompagnare le PA nel processo di adeguamento dei propri siti alle Linee guida per i siti web della PA (ver. 2011) Facilitare l'attività di miglioramento della qualità di un sito web Permettere l'individuazione dei punti di forza e di debolezza di un sito web Verificare se gli interventi di miglioramento realizzati hanno portato i risultati attesi
  • 28. Indice Accessibilità e usabilità di Radar Web PA
  • 29. Indice Accessibilità e usabilità : da dove siamo partiti (*) Quale requisiti tecnici utilizzare come base, quelli del 2005 o la proposta di revisione del 2010? Sono sufficienti i requisiti tecnici previsti dalla normativa sull’accessibilità per valutare anche l’usabilità? Quali punti di controllo utilizzare come variabili dell’indice? Come rendere fruibili gli enunciati delle variabili anche a un non esperto di accessibilità? (*) Si ringraziano Vincenzo Mania e Jacopo Deyla per l’aiuto nella definizione delle variabili dell’indice Accessibilità e usabilità della metodologia Radar Web PA
  • 30. Principi di accessibilità, ma anche di usabilità Principio 1: Percepibile Principio 2: Utilizzabile Principio 3: Comprensibile Principio 4: Robusto
  • 31. Indice Accessibilità e usabilità : Variabili 1/4 B1 Alternative testuali Immagini, audio e video (non puramente decorativi) hanno sempre un’alternativa di testo equivalente ed esaustiva? B2 Sottotitoli I video e le animazioni hanno sottotitoli sincronizzati? B3 Struttura della pagina La sequenza di lettura dei contenuti e la struttura della pagina Web sono comprensibili anche se fruiti in modalità differenti (es. senza grafica, con screen reader, ecc.)? B4 Caratteristiche sensoriali Le istruzioni per comprendere i contenuti e/o interagire con la pagina Web sono slegate da caratteristiche sensoriali (forma, dimensione o ubicazione visiva)? B5 Uso del colore Il colore è sempre sufficientemente contrastato e non è l'unico modo per veicolare funzioni e informazioni?
  • 32. Indice Accessibilità e usabilità : Variabili 2/4 B6 Controllo del sonoro È possibile mettere in pausa i contenuti audio eseguiti automaticamente per più di tre secondi? B7 Utilizzo della tastiera È possibile utilizzare la tastiera per fruire del contenuto e spostarsi da un componente all'altro della pagina? B8 Disponibilità di tempo Il tempo per compiere una determinata funzione è sufficiente per tutti gli utenti ed è possibile controllare (mettere in pausa, interrompere o nascondere) qualsiasi movimento e auto-aggiornamento delle informazioni? B9 Lampeggiamenti Sono assenti oggetti che lampeggiano per più di tre volte al secondo? B10 Salto di blocchi È possibile saltare i blocchi di contenuto che si ripetono su più pagine Web?
  • 33. Indice Accessibilità e usabilità : Variabili 3/4 B11 Titolo della pagina Il titolo della pagina Web ne descrive i contenuti o la funzione? B12 Ordine del focus Gli oggetti della pagina Web ricevono il focus in un ordine che ne conserva il senso e l'operatività? B13 Scopo dei link Lo scopo di ogni collegamento ipertestuale è comprensibile? B14 Ordine delle intestazioni La gerarchia dei contenuti della pagina Web è organizzata con le intestazioni appropriate? B15 Lingua della pagina La lingua della pagina Web viene indicata utilizzando la specifica dichiarazione del linguaggio di marcatura utilizzato?
  • 34. Indice Accessibilità e usabilità : Variabili 4/4 B16 Prevedibilità della pagina L'utente è informato o può controllare tutti i cambiamenti di contesto che possono avvenire quando interagisce con la pagina Web? B17 Meccanismi di navigazione I meccanismi di navigazione ripetuti su più pagine Web appaiono nello stesso ordine ogni volta che si ripetono e i componenti sono identificati sempre in modo univoco? B18 Inserimento di dati Tutti i campi dei moduli hanno delle etichette esplicative e delle istruzioni che le chiariscono? B19 Identificazione degli errori Gli errori di inserimento nei moduli vengono identificati in modo chiaro e vengono forniti dei suggerimenti per correggerli e/o dei sistemi che permettono all'utente di confermare e reinserire i dati prima di inviarli definitivamente? B20 Conforme alle specifiche Il codice della pagina Web è conforme alle specifiche del linguaggio di marcatura o è sempre possibile identificare il nome, il valore e la funzione di tutti i componenti?
  • 35. Come valutare l’indice Accessibilità e usabilità
  • 37. La barra dell’accessibilità per Internet Explorer Barra dell'accessibilità per Internet Explorer Software freeware che aiuta nella verifica dell’accessibilità di un sito web Nessun software può verificare automaticamente l’accessibilità di un sito, ma questo strumento permette di automatizzare alcuni controlli
  • 38. Alternative testuali Tutti i contenuti non testuali (immagini, audio, video) presenti nella pagina devono possedere un'alternativa testuale equivalente che serva allo stesso scopo. Riferimento Punto di controllo 1.1 - Contenuti non testuali Punto di controllo 2.1 - Contenuti registrati presentati in formato solo audio, solo video o animazione senza audio Immagini > Elenca le Immagini. Informazioni > Elenco dei file multimediali Immagini, audio e video (non puramente decorativi) hanno sempre un’alternativa di testo equivalente ed esaustiva?
  • 39. Sottotitoli Tutti i contenuti presentati in formati multisensoriali (video con audio, animazione con audio), indispensabili per la completezza dell’informazione, devono possedere sottotitoli sincronizzati. Riferimento Punto di controllo 2.2 - Sottotitoli (per contenuti registrati) I video e le animazioni hanno sottotitoli sincronizzati? Informazioni > Elenco dei file multimediali
  • 40. Struttura della pagina Le informazioni, la struttura e le correlazioni fra distinti blocchi di contenuto devono essere fruibili in qualsiasi situazione. Quando la sequenza con cui è presentato il contenuto influisce sulla percezione del suo significato, allora deve essere definita la corretta sequenza di lettura. Riferimento Punto di controllo 3.1 - Informazioni e correlazioni Punto di controllo 3.2 - Sequenza significativa La sequenza di lettura dei contenuti e la struttura della pagina Web sono comprensibili anche se fruiti in modalità differenti (es. senza grafica, con screen reader, ecc.)? CSS > Disabilita il CSS Struttura > Struttura delle intestazioni
  • 41. Caratteristiche sensoriali Le istruzioni fornite per comprendere ed operare sui contenuti non devono basarsi unicamente su caratteristiche sensoriali dei componenti quali forma, dimensione, ubicazione visiva, orientamento o suono. Riferimento Punto di controllo 3.3 - Caratteristiche sensoriali Le istruzioni per comprendere i contenuti e/o interagire con la pagina Web sono slegate da caratteristiche sensoriali (forma, dimensione o ubicazione visiva)? CSS > Disabilita il CSS Struttura > Struttura delle intestazioni
  • 42. Uso del colore Il colore del testo in primo piano deve essere sufficientemente contrastato rispetto a quello di sfondo. Il colore non deve essere utilizzato come unica modalità visiva per rappresentare informazioni, indicare azioni o come elemento di distinzione visiva. Riferimento Punto di controllo 4.1 - Uso del colore Punto di controllo 4.3 - Contrasto (minimo) Il colore è sempre sufficientemente contrastato e non è l'unico modo per veicolare funzioni e informazioni? Colore > Contrast Analyser Colore > Scala dei grigi
  • 43. Controllo del sonoro Se un contenuto audio all'interno di una pagina Web è eseguito automaticamente per più di tre secondi, allora deve essere fornita una funzionalità per metterlo in pausa o interromperlo. Riferimento Punto di controllo 4.2 - Controllo del sonoro È possibile mettere in pausa i contenuti audio eseguiti automaticamente per più di tre secondi? Informazioni > Elenco dei file multimediali
  • 44. Utilizzo della tastiera Tutte le funzionalità della pagina devono essere utilizzabili tramite la tastiera. Riferimento Punto di controllo 5.1 - Tastiera Punto di controllo 5.2 - Nessun impedimento all'uso della tastiera È possibile utilizzare la tastiera per fruire del contenuto e spostarsi da un componente all'altro della pagina? Struttura > Ordine di tabulazione
  • 45. Disponibilità di tempo Se l'esecuzione di una determinata azione prevede un limite di tempo, l'utente deve poter rimuovere o regolare tale limite prima di raggiungerlo e deve essere avvisato prima dello scadere del tempo. Riferimento Punto di controllo 6.1 - Regolazione tempi di esecuzione Punto di controllo 6.2 - Pausa, stop, nascondi Il tempo per compiere una determinata funzione è sufficiente per tutti gli utenti ed è possibile controllare (mettere in pausa, interrompere o nascondere) qualsiasi movimento e auto-aggiornamento delle informazioni? Controllare se è stata indicata la durata massima di esecuzione di un'azione e se l'utente può modificare tale limite
  • 46. Lampeggiamenti Le pagine Web non devono contenere nulla che lampeggi per più di tre volte al secondo. Riferimento Punto di controllo 7.1 - Lampeggiamenti Sono assenti oggetti che lampeggiano per più di tre volte al secondo? Immagini > Test frequenza GIF animate
  • 47. Salto di blocchi Devono essere forniti meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine, il cosiddetto skip menu. Riferimento Punto di controllo 8.1 - Salto di blocchi È possibile saltare i blocchi di contenuto che si ripetono su più pagine Web? CSS > Disabilita il CSS Informazioni > Visualizza i link
  • 48. Titolo della pagina Ogni pagina Web deve avere un titolo che ne descriva l'argomento o la finalità. Riferimento Punto di controllo 8.2 - Titolo della pagina Il titolo della pagina Web ne descrive i contenuti o la funzione? Informazioni > Informazioni sulla pagina Informazioni > Informazioni sui metadata
  • 49. Ordine del focus Se una pagina Web può essere navigata in modo sequenziale, gli oggetti che possono ricevere il focus devono riceverlo secondo un ordine che ne preservi il senso e l'operatività. Riferimento Punto di controllo 8.3 - Ordine del focus Gli oggetti della pagina Web ricevono il focus in un ordine che ne conserva il senso e l'operatività? Struttura > Ordine di tabulazione
  • 50. Scopo dei link Lo scopo di ogni collegamento ipertestuale deve essere sufficientemente comprensibile, anche se letto indipendentemente dal proprio contesto. Riferimento Punto di controllo 8.4 - Scopo del collegamento (nel contesto) Lo scopo di ogni collegamento ipertestuale è comprensibile? Informazioni > Visualizza i link
  • 51. Ordine delle intestazioni Per descrivere l'organizzazione logica degli argomenti e la finalità dei blocchi di contenuto devono essere utilizzate intestazioni appropriate e nel corretto ordine sequenziale gerarchico. Riferimento Punto di controllo 8.6 - Titoli ed etichette La gerarchia dei contenuti della pagina Web è organizzata con le intestazioni appropriate? Struttura > Struttura delle intestazioni
  • 52. Lingua della pagina Deve essere definita la lingua di ogni pagina Web. Riferimento Punto di controllo 9.1 - Lingua della pagina La lingua della pagina Web viene indicata utilizzando la specifica dichiarazione del linguaggio di marcatura utilizzato? Informazioni > Informazioni sui metadata
  • 53. Prevedibilità della pagina Quando un qualsiasi componente riceve il focus, non deve avviare automaticamente un cambiamento del contesto. Il cambiamento dell'impostazione di qualsiasi componente nell'interfaccia utente non deve provocare automaticamente un cambiamento di contesto, a meno che l'utente sia stato informato di questo comportamento prima di utilizzare il componente. Riferimento Punto di controllo 10.1 - Al focus Punto di controllo 10.2 - All'input L'utente è informato o può controllare tutti i cambiamenti di contesto che possono avvenire quando interagisce con la pagina Web? Struttura > Evidenziatore del focus
  • 54. Meccanismi di navigazione I meccanismi di navigazione ripetuti su più pagine Web all'interno di un insieme di pagine Web devono apparire nello stesso ordine ogni volta che si ripetono, a meno che l'utente non abbia avviato un cambiamento. I componenti che hanno la stessa funzionalità all'interno di un insieme di pagine Web devono essere sempre identificati in modo uniforme. Riferimento Punto di controllo 10.3 - Navigazione costante Punto di controllo 10.4 - Identificazione coerente I meccanismi di navigazione ripetuti su più pagine Web appaiono nello stesso ordine ogni volta che si ripetono e i componenti sono identificati sempre in modo univoco? Visualizzare le principali pagine collegate direttamente dalla pagina principale del sito e verificare se i meccanismi di navigazione vengono ripetuti
  • 55. Inserimento di dati Quando il contenuto richiede azioni di input da parte dell'utente devono essere fornite etichette o istruzioni per la loro corretta esecuzione. Riferimento Punto di controllo 11.2 - Etichette o istruzioni Tutti i campi dei moduli hanno delle etichette esplicative e delle istruzioni che le chiariscono? Struttura > Elementi fieldset / Label
  • 56. Identificazione degli errori Se viene rilevato automaticamente un errore di inserimento, l'elemento in errore deve essere identificato chiaramente e l'errore rilevato descritto tramite testo. Se viene identificato un errore di inserimento che si può correggere allora devono essere forniti suggerimenti all'utente, a meno che ciò non pregiudichi la sicurezza o la finalità del contenuto. Riferimento Punto di controllo 11.1 - Identificazione di errori Punto di controllo 11.3 - Suggerimenti per gli errori Punto di controllo 11.4 - Prevenzione degli errori (legali, finanziari, dati) Gli errori di inserimento nei moduli vengono identificati in modo chiaro e vengono forniti dei suggerimenti per correggerli e/o dei sistemi che permettono all'utente di confermare e reinserire i dati prima di inviarli definitivamente? Inserire dei dati errati o incompleti in un modulo e verificare come vengono segnalati gli errori di compilazione
  • 57. Conforme alle specifiche Il codice della pagina Web deve essere conforme alle specifiche del linguaggio di marcatura dichiarato e deve sempre essere possibile identificare il nome, il valore e la funzione di tutti i componenti. Riferimento Punto di controllo 12.1 - Analisi sintattica (parsing) Punto di controllo 12.2 - Name, Role, Value Il codice della pagina Web è conforme alle specifiche del linguaggio di marcatura o è sempre possibile identificare il nome, il valore e la funzione di tutti i componenti? Controlla > Validatore HTML del W3C > Valida l'HTML Controlla > Validatore CSS del W3C > Valida il CSS
  • 59.  
  • 60.  
  • 61.  
  • 62. Strumenti Strumenti di valutazione dell’accessibilità dei siti web http://www.w3.org/WAI/ER/tools/complete W3C HTML Validation Service http://validator.w3.org W3C CSS Validator http://jigsaw.w3.org/css-validator VaMoLà http://polo-rer.polocesena.unibo.it/vamola-validator/ Barra dell'accessibilità per Internet Explorer http://www.webaccessibile.org/argomenti/argomento.asp?cat=474 Web Developer per Firefox https://addons.mozilla.org/firefox/60/
  • 63. Pubblicazioni Accessibilità Guida completa , Diodati M. Vengono illustrati 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 La PA accessibile Progettare servizi web per tutti i cittadini
  • 64. La forza del web sta nella sua universalità. L’accesso da parte di chiunque, indipendentemente dalla sua disabilità, ne è un aspetto essenziale. (Tim Berners Lee, Direttore del W3C)
  • 65. 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 http://creativecommons.org/licenses/by-nc-sa/2.5/it/ Grazie! Gianluca Affinito [email_address] [email_address] http://it.linkedin.com/in/gianlucaaffinito http://www.innovatoripa.it/users/gianluca-affinito