LEGGI, REGOLAMENTI, REQUISITI TECNICI E BUONE PRASSI PER REALIZZARE IL SITO WEB DI UN ENTE DELLA PUBBLICA AMMINISTRAZIONE.
Breve introduzione al concetto di accessibilità di un sito (e non solo!!)
Rassegna di leggi e norme italiane che regolamentano l'accessibilità per i siti delle P.A. (e non solo!!!)
Analisi dei requisiti tecnici per l'accessibilità indicati dalle leggi: tecnologie, standard, linee guida
Consigli, indicazioni e buone prassi da seguire per la creazione di siti web accessibili.
MultiShop: una delle migliori estensioni TYPO3 per l'eCommerce
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T-TOUR Internet Festival 2014
1. T-TOUR .::. 9/10/2014
Il punto sulla
accessibilità dei siti
web per la Pubblica
Amministrazione
LEGGI, REGOLAMENTI, REQUISITI
TECNICI E BUONE PRASSI PER
REALIZZARE IL SITO WEB DI UN ENTE
DELLA PUBBLICA AMMINISTRAZIONE
2. 2
Pag. 2
Mi presento
Rino Razzi
✗ Dal 1994 mi occupo di progettazione e consulenza web
✗ Nel 1996 sono stato co-fondatore della Cooperativa Archimede
Informatica di Pisa di cui sono tuttora socio il presidente
✗ Nel 1997 mi laureo in Scienze dell'Informazione all'Università di Pisa
✗ Dal 2002 ho cominciato a realizzare portali per aziende e enti pubblici
occupandomi anche di accessibilità
✗ Dal 2003 ho cominciato a realizzare siti con TYPO3 CMS
✗ Nel 2010 ho ottenuto la certificazione “Certified TYPO3 Integrator”
✗ In Archimede Informatica mi occupo di coordinare e gestire l’intera fase
di realizzazione dei progetti web, dalla analisi dei requisiti alla
progettazione fino alla implementazione finale (esclusa la progettazione
grafica)
3. 3
Pag. 3
Di cosa parleremo
Sommario della presentazione
✗ Breve introduzione al concetto di accessibilità di un sito (e non solo!!)
✗ Breve resoconto di leggi e norme italiane che regolamentano l'accessibilità
per i siti delle P.A. (e non solo!!!)
✗ Analisi dei requisiti tecnici per l'accessibilità indicati dalle leggi: tecnologie,
standard, linee guida
✗ Consigli, indicazioni e buone prassi da seguire per la creazione di siti web
accessibili
4. 4
Pag. 4
Accessibilità di un sito web
Che cos'è l'accessibilità di un sito web?
“ L'accessibilità nelle tecnologie e nel Web
Una risorsa accessibile facilita l'accesso alla più grande fascia di individui,
con ogni tipo di mezzo e disabilità.
Più nello specifico, un sito web accessibile :
✔ Utilizza un codice o struttura semanticamente corretta, logica e con una grammatica
formale validata
✔ Utilizza testi chiari, fluenti e facilmente comprensibili
✔ Utilizza testi alternativi per ogni tipo di contenuto multimediale
✔ Sfrutta titoli e link che siano sensati anche al di fuori del loro contesto
(evitando, ad esempio, link su locuzioni come "clicca qui")
✔ Ha una disposizione coerente e lineare dei contenuti e dell'interfaccia grafica
✔ Inoltre dovrebbe essere compatibile col maggior numero di configurazioni software e
hardware e utilizzare colori standard e ad alto contrasto fra di loro.”
5. Profili di utenti con disabilità
5
Pag. 5
Accessibilità di un sito web
A chi serve l'accessibilità?
Per progettare pagine Web accessibili, i progettisti e gli sviluppatori devono
conoscere:
✗ le categorie di utenti a cui si rivolgono e il loro rapporto con il mondo informatico
✗ gli strumenti utilizzati dalle diverse categorie per superare le loro disabilità
Categorie di disabilità:
✗ Disabilità sensoriali: non vedenti e ipovedenti, audiolesi
✗ Disabilità motorie
✗ Disabilità cognitive
6. 6
Pag. 6
Accessibilità di un sito web
NON POSSONO USARE
✗ Monitor
✗ Mouse
Profili di utenti con disabilità: non vedenti
STRUMENTI USATI
✗ Tastiera normale
✗ Barra Braille
✗ Sintetizzatore vocale
✗ Browser grafici o testuali
✗ Stampante Braille
Barra Braille Stampante Braille Sintetizzatore vocale
7. 7
Pag. 7
Accessibilità di un sito web
Profili di utenti con disabilità: ipovedenti
NON POSSONO USARE
✗ Monitor ?
STRUMENTI USATI
✗ Ingranditori software
✗ Zoom offerti dai
browser
Accortezze per la visualizzazione
8. 8
Pag. 8
Accessibilità di un sito web
Profili di utenti con disabilità: audiolesi
NON POSSONO USARE
✗ Casse audio
Accortezze necessarie
✗ Segnalare anche in modo
visivo i messaggi acustici
✗ Inserire sottotitoli nei
filmati
✗ Inserire testo aggiuntivo
per contenuti audio
9. 9
Pag. 9
Accessibilità di un sito web
Profili di utenti con disabilità:
NON POSSONO USARE
✗ Mouse
✗ Tastiere standard
disabilità motorie
STRUMENTI USATI
✔ Tastiere a mascherina
✔ Tastiere espanse, ridotte,
riconfigurabili
✔ Software per Comandi vocali
10. Includono: deficit di linguaggio, deficit cognitivi,
disturbi specifici di apprendimento come le dislessia o la disgrafia
10
Pag. 10
Accessibilità di un sito web
NON POSSONO USARE
✗ Tastiere standard ?
✗ Mouse ?
Profili di utenti con disabilità:
disabilità cognitive
STRUMENTI USATI
✔ Tastiere semplificate
✔ Touch screen
11. 11
Pag. 11
Leggi e norme
La legge Stanca del 9 gennaio 2004
La legge Stanca del 9 gennaio 2004 contiene le disposizioni
per favorire l’accesso dei soggetti disabili agli strumenti
informatici.
Da notare che la legge e le sue successive modifiche
non riguardano solo i siti e le pagine web ma anche:
✗ Prodotti informatici
(applicazioni, prodotti multimediali su CD-ROM e altri supporti)
✗ Materiale didattico e formativo utilizzato nelle scuole di ogni ordine e grado
✗ Anche i documenti forniti via web o su altri supporti devono essere accessibili
(Per esempio: sono vietati PDF contenenti scansioni di pagine di testo in formato
immagine)
✗ Postazioni di lavoro che devono essere idoneamente attrezzate per chi ha delle disabilità
12. 12
Pag. 12
Leggi e norme
La legge Stanca in due parole
Cosa dice la legge:
✗ Ribadisce il diritto costituzionale di ogni persona, compresi i disabili, ad accedere a
tutte le fonti di informazione e ai relativi servizi, compresi quelli forniti attraverso gli strumenti
informatici e telematici
✗ Precisa il concetto di accessibilità dei sistemi informatici e quello di tecnologie assistive
✗ Indica i soggetti erogatori, coloro che sono obbligati a rispettare i criteri di accessibilità
✗ Stabilisce chi deve valutare e certificare (su richiesta) il rispetto dei requisiti
✗ Stabilisce che deve essere rilasciato un Logo che manifesta il possesso dei requisiti di
accessibilità
✗ Stabilisce il collegamento con gli standard dell'Unione Europea e altri organismi
internazionali
✗ Demanda a successivo decreto del ministero la definizione dei requisiti tecnici per
l'accessibilità e le tecniche per la verifica dell'accessibilità dei siti Internet
13. La legge Stanca introduce solo i principi generali. Il regolamento attuativo e i
requisiti tecnici arriveranno dopo qualche tempo:
✗ 1/3/2005 – D.P.R. n. 75 – Regolamento attuazione della legge stanca
✗ 8/7/2005 – D.M. - Requisiti tecnici e livelli per l'accessibilità agli strumenti
informatici (allegato A per la parte web)
Poi ci sono altri interventi che modificano e aggiornano le precedenti leggi:
✗ 18/10/2012 – D.L. n. 179, Art. 9 – Introduce modifiche alla legge Stanca
✗ 20/3/2013 – D.M. - Riscrive allegato A di Requisiti tecnici del D.M. 8/7/2005
13
Pag. 13
Dalla legge Stanca del 2004 ad oggi
Leggi e norme
14. La legge Stanca introduce due definizioni di base:
Leggi e norme
«accessibilità»: la capacità dei sistemi informatici, nelle forme e nei limiti
consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire
informazioni fruibili, senza discriminazioni, anche da parte di coloro che a
causa di disabilità necessitano di tecnologie assistive o configurazioni
particolari;
«tecnologie assistive»: gli strumenti e le soluzioni tecniche, hardware e
software, che permettono alla persona disabile, superando o riducendo le
condizioni di svantaggio, di accedere alle informazioni e ai servizi erogati
dai sistemi informatici.
14
Pag. 14
Definizioni: Accessibilità e Tecnologie Assistive
15. Chi è tenuto fare il sito accessibile?
I soggetti destinatari della legge, sono:
✗ pubbliche amministrazioni
✗ enti pubblici economici
✗ aziende private concessionarie di servizi pubblici
✗ enti di assistenza e di riabilitazione pubblici
Leggi e norme
✗ aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico
✗ aziende municipalizzate regionali
✗ aziende appaltatrici di servizi informatici
✗ tutti i soggetti che usufruiscono di contributi pubblici o agevolazioni per l'erogazione dei propri
servizi tramite sistemi informativi o internet (D.L. 179/2012)
15
Pag. 15
Soggetti destinatari indicati dalla legge
16. 16
Pag. 16
Requisiti tecnici
Gli standard internazionali e le tecnologie
La legge adotta le Linee guida del W3C - World Wide Web Consortium
Nei decreti con i regolamenti tecnici (Allegato A dell'8/7/2005 e DM del 20/3/2013)
si fa riferimento alle linee guida del livello AA del WCAG (Web Content Accessibility
Guidelines) redatte dalla WAI (Web Accessibility Initiative, sezione del World Wide Web
Consortium).
La versione più recente è la WCAG 2.0:
- W3C Recommendation 11 December 2008: http://www.w3.org/TR/WCAG20/
- versione italiana: http://www.w3.org/Translations/WCAG20-it/
Tecnologie compatibili: solo standard ufficiali
- Recommendation del W3C relative al linguaggio HTML 4.01 e successive e al
linguaggio XHTML 1.0 e successive;
- Recommendation del W3C relative al linguaggio CSS 1.0 e successive;
-.Recommendation del W3C relative a linguaggi e a specifiche tecniche relative alla
realizzazione di pagine, oggetti e applicazioni web, quali, ad esempio, XML, SVG, SMIL
17. 17
Pag. 17
Requisiti tecnici
Gli standard internazionali e le tecnologie
Cosa ne è stato di HTML5 ???
HTML 5 è l'ultima evoluzione di HTML.
Non nasce specificamente per migliorare l'accessibilità, ma introduce comunque
nuove strutture “semantiche”, che facilitano l'accessibilità dei contenuti
(nav, section, article, …).
Inoltre semplifica la gestione e la fruizione dei contenuti multimediali (video, audio, immagini).
Di fatto è un ottimo strumento e in molti lo hanno adottato per realizzare siti accessibili convinti che a
breve sarebbe diventato lo standard di fatto per l'accessibilità.
Ma il decreto del 20/3/2013 con i nuovi requisiti tecnici per la legge stanca dichiara
esplicitamente incompatibile i linguaggi che non sono ancora standard, compreso HTML5.
Purtroppo HTML5 non è ancora diventato uno standard W3C e ci vorranno ancora dei mesi prima
che lo diventi.
Ha ottenuto lo stato di “Proposed Recommendation” dal W3C il 16 settembre 2014.
18. 18
Pag. 18
Requisiti tecnici
L'elenco dei requisiti della legge Stanca
Requisito 1 - Alternative testuali:
fornire alternative testuali per qualsiasi contenuto di natura non testuale in
modo che il testo predisposto come alternativa possa essere fruito e
trasformato secondo le necessità degli utenti, come per esempio convertito
in stampa a caratteri ingranditi, in stampa Braille, letto da una sintesi vocale,
simboli o altra modalità di rappresentazione del contenuto.
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 presentati in modalità differenti (ad esempio, con layout più
semplici), senza perdita di informazioni o struttura.
Requisito 4 - Distinguibile:
rendere più semplice agli utenti la visione e l’ascolto dei contenuti, separando i contenuti in primo piano
dallo sfondo.
19. 19
Pag. 19
L'elenco dei requisiti [2]
Requisiti tecnici
Requisito 5- Accessibile da tastiera:
rendere disponibili tutte le funzionalità anche tramite tastiera.
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.
Requisito 8- Navigabile:
fornire all'utente funzionalità di supporto per navigare, trovare contenuti e determinare la propria
posizione nel sito e nelle pagine.
20. 20
Pag. 20
L'elenco dei requisiti [3]
Requisiti tecnici
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.
Requisito 12- Compatibile:
garantire la massima compatibilità con i programmi utente e con le tecnologie assistive.
21. 21
Pag. 21
Requisiti tecnici: esempi di applicazione
Alternative testuali immagini: ALT e LONGDESC
Cosa sono?
Gli attributi ALT e LONGDESC possono essere
utilizzati nelle immagini per fornire testo che
descrive l'informazione presente nelle immagini
destinate ai non vedenti.
LONGDESC permette di indicare un file
contenente la descrizione completa.
ALT contiene una descrizione breve.
A quali requisiti rispondono
✗ Requisito 1: Alternative testuali
Per quale tipo di disabilità sono utili?
✗ Non vedenti
Da quali strumenti è utilizzabile
✗ Screen reader x nonvedenti
<img
src="globo-riviste.gif"
alt="Globo ricoperto di riviste"
longdesc="globo-riviste-desc.html"
/>
Globo ricoperto di riviste
22. 22
Pag. 22
Skip links
Requisiti tecnici: esempi di applicazione
Cosa sono?
Gli skip link sono dei link posizionati all'inizio
della pagina HTML e consentono l'accesso
rapido ad alcune parti della pagina, tipicamente:
✗ Contenuto principale
✗ Contenuti secondari
✗ Menù principale
✗ Menù secondario
A quali requisiti rispondono
✗ Requisito 5 : Accessibile da tastiera
✗ Requisito 8 : Navigabile
Per quale tipo di disabilità sono utili?
Gli skip link sono utili per chi non può usare il
mouse e il monitor
✗ Non vedenti
✗ Disabilità motorie
Da quali strumenti è utilizzabile
✗ Screen reader x nonvedenti
✗ Tastiere speciali (compatte, etc...)
24. HTML
Le skip link devono essere le prime informazioni scritte nel Body della pagina HTML
24
Pag. 24
Skip links [3]
Requisiti tecnici: esempi di applicazione
<body id="three-columns">
<div id="container">
<div class="wrapper">
<p class="sr-hint no-print">
<a href="home.html#nav-main" >Vai alla navigazione</a> -
<a href="home.html#content-column" >Vai ai contenuti</a>
</p>
<header class="no-print">
<nav role="navigation" id="nav-top">
<h2 class="sr-hint">
Top-Navigation
</h2>.....................
25. 25
Pag. 25
Requisiti tecnici: esempi di applicazione
Uso del TAB nella navigazione
Cosa è ?
Possibilità di spostarsi sui menù di navigazione
utilizzando il tasto TAB.
La voce di menù selezionata deve essere
evidenziata ben evidenziata visivamente.
A quali requisiti risponde
✗ Requisito 5 : Accessibile da tastiera
✗ Requisito 8 : Navigabile
Da quali strumenti è utilizzabile
Tastiere speciali (compatte, etc...)
Per quale tipo di disabilità è utile?
✗ Non vedenti
✗ Disabilità motorie
HTML
Usare l'attributo TABINDEX per determinare l'ordine di
spostamento sui menù
26. 26
Pag. 26
Requisiti tecnici: esempi di applicazione
Opzioni alto contrasto
Cosa è ?
Possibilità di aumentare il contrasto di
visualizzazione dei contenuti.
A quali requisiti rispondono
✗ Requisito 3 : Adattabile
✗ Requisito 4 : Distinguibile
✗ Requisito 9 : Leggibile
Per quale tipo di disabilità è utile?
✗ ipovedenti
✗ disabilità cognitive
HTML, CSS, JAVASCRIPT
Cambiare dinamicamente il CSS della pagina con Javascript
oppure ricaricare la pagina con nuovo CSS
Memorizzare la scelta dell'utente per le prossime pagine.
28. 28
Pag. 28
Requisiti tecnici: esempi di applicazione
Glossario dei termini e delle sigle
Cosa è?
Un glossario con la spiegazione di termini e
sigle.
Ad ogni occorrenza di un termine presente
nel glossario viene associato un link alla
voce con la sua descrizione.
A quali requisiti rispondono
✗ Requisito generale d chiarezza dei
contenuti
✗ Requisito 9 : Leggibile
rendere leggibile e comprensibile il
contenuto testuale.
29. 29
Pag. 29
Consigli e indicazioni
Elementi chiave per un sito accessibile
1) Scegliere lo strumento adeguato per la realizzazione e gestione del sito
La scelta della piattaforma web per lo sviluppo è la gestione del sito è essenziale.
Il CMS scelto deve consentire:
un forte controllo sul formato HTML prodotto per le pagine del sito
la separazione tra i contenuti e la loro visualizzazione
di creare interfacce di gestione dei contenuti del sito flessibili e configurabili per
impostare delle procedure di inserimento che aiutino gli editor a inserire informazioni
corrette e complete
di intervenire per adeguare il sito ai futuri nuovi requisiti senza dover riprogettare il sito
30. 30
Pag. 30
Consigli e indicazioni
Elementi chiave per fare un sito accessibile
2) Coinvolgere nella progettazione esperti di accessibilità e associazioni di utenti
La effettiva accessibilità di un sito si determina già in fase di progettazione dello stesso.
La struttura del sito, l'organizzazione delle informazioni, la definizione dei layout di pagina, la
definizione degli strumenti di aggiornamento del sito devono essere fatti tenendo ben presente i
requisiti di accessibilità. La presenza di una figura tecnica esperta di accessibilità impedisce
di fare errori di progettazione che possono far mancare l'obiettivo e vanificare lo sforzo.
Se possibile, coinvolgere rappresentati delle associazioni di disabili nelle fasi di
progettazione e testing. La loro esperienza di utenti è molto preziosa per prevenire ed evitare
errori e per verificare la qualità del nostro lavoro.
31. 31
Pag. 31
Consigli e indicazioni
Elementi chiave per fare un sito accessibile
3) Creare strumenti di gestione dei contenuti specifici per l'accessibilità
Se creare un sito accessibile non è semplice. Ancora più complicato risulta mantenere intatti
nel tempo i requisiti di accessibilità quando si aggiungono e modificano i contenti.
Gli strumenti di gestione dei contenuti devono guidare l'editor dei contenuti nella corretta
compilazione dei contenuti e impedire la pubblicazione di contenuti non completi in tutte le
parti richieste per l'accessibilità
4) Fare formazione sulla accessibilità agli editor dei contenuti del sito
Chi si occupa dell'inserimento dei contenuti deve conoscere i principi base della accessibilità per
poter correttamente associare ai contenuti che pubblica sul sito le informazioni necessarie per
l'accessibilità.
5) Verifica attenta dei requisiti tecnici dell' Allegato A - D.M. 8/7/2005
L'allegato A fornisce informazioni molto dettagliate sui requisiti tecnici. Per ognuno dei 12
requisiti fornisce una spiegazione approfondita e dei punti di verifica da controllare.
32. Legge Stanca, decreti attuativi e allegati tecnici
● → http://www.camera.it/parlam/leggi/04004l.htm
● → http://www.governo.it/presidenza/web/regolamento09072004.html
● → http://www.gazzettaufficiale.it/eli/id/2013/09/16/13A07492/sg
Linee guida per i siti web della PA - Edizioni 2010 e 2011
● → http://www.funzionepubblica.gov.it/lazione-del-ministro/linee-guida-siti-web-pa/presentazione.aspx
Web Content Accessibility Guidelines (WCAG) 2.0 - W3C Recommendation 11 December 2008
● → http://www.w3.org/TR/WCAG20/
● → http://www.w3.org/Translations/WCAG20-it/ (versione italiana)
32
Pag. 32
Risorse utili
Leggi, standard, siti di interesse
33. A proposito di CMS adatti per l'accessibilità: segnalo la giornata di
presentazione del CMS TYPO3 che si terrà all'interno dell'Internet
Festival – Polo Fibonacci – Palazzina E – Aula PS1
33
Pag. 33