Presentazione del Government Package di TYPO3
Il Government Package è una distribuzione pre-configurata di TYPO3. Contiene Best Practices per migliorare il livello di accessibilità dei siti web.
Il Government Package è un buon punto di partenza per sviluppare con TYPO3 siti web per la pubblica amministrazione che rispettino la normativa italiana sulla accessibilità (Legge stanca e successive circolari tecniche).
Il Government Package è un progetto ancora in progress. Solo parte degli obiettivi iniziali del progetto sono stati raggiunti.
1. TYPO3 per la
Pubblica Amministrazione
Rino Razzi
T3Camp Italia 2012 Bologna 16/17 Novembre 2012
L'evento italiano dedicato a TYPO3 Novotel fiera Bologna
2. T3CAMP Italia
Presentazione relatore Bologna
16 -17 novembre 2012
Rino Razzi
Dal 1994 si occupa di progettazione e consulenza web
Nel 1996 co-fondatore della Archimede Informatica Società Cooperativa
di cui è tuttora il presidente
Nel 1997 si laurea in Scienze dell'Informazione all'Università di Pisa
Dal 2003 ha cominciato a realizzare portali con TYPO3
Nel 2010 è diventato “Certified TYPO3 Integrator”
In Archimede Informatica si occupa di coordinare e gestire l’intera fase di
realizzazione dei progetti web, dalla analisi dei requisiti alla progettazione
fino alla implementazione finale.
Pag. 2 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
3. T3CAMP Italia
Presentazione relatore Bologna
16 -17 novembre 2012
Archimede Informatica: alcuni clienti e partner
ISTAT – Istituto Nazionale di Statistica
CNR di Pisa (vari istituti)
Università di Pisa, Università di Firenze, Università della Calabria
Opera Primaziale Pisana
Language Logic L.L.C. - USA
The 3rd Degree Limited – Londra
Quotidiano nazionale “il manifesto”
Centro di Ricerca Beni Culturali (CriBeCu) - Scuola Normale di Pisa
Comune di Pisa e di Pistoia
AS I- Agenzia Spaziale Italiana
Legacoop Nazionale e Regionali
Pag. 3 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
4. T3CAMP Italia
Obiettivo della relazione Bologna
16 -17 novembre 2012
Presentazione del Government Package di TYPO3
Il Government Package è una distribuzione pre-configurata di TYPO3.
Contiene Best Practices per migliorare il livello di accessibilità dei siti
web.
Il Government Package è un buon punto di partenza per sviluppare
con TYPO3 siti web per la pubblica amministrazione che rispettino la
normativa italiana sulla accessibilità (Legge stanca e successive
circolari tecniche).
Il Government Package è un progetto ancora in progress. Solo parte
degli obiettivi iniziali del progetto sono stati raggiunti.
Pag. 4 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
5. T3CAMP Italia
Schema della presentazione Bologna
16 -17 novembre 2012
Di seguito tratteremo i seguenti punti
Cenni sul concetto di accessibilità dei siti web, sulle leggi italiane e
sugli standard internazionali
Che cos'è l'Accessibilità di un sito web
L'Accessibilità per la legge italiana
Gli standar internazionali e le tecnologie
Presentazione del TYPO3 Government Package
Chi lo ha realizzato e perchè
Caratteristiche e funzionalità per l'accessibilità
Scaricare ed installare il Package
Risorse utili
Pag. 5 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
6. T3CAMP Italia
L'Accessibilità di un sito web Bologna
16 -17 novembre 2012
Che cos'è l'Accessibilità di un sito web
Da Wikipedia:
“ 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, come già detto dovrebbe essere compatibile col maggior numero di configurazioni
software e hardware e utilizzare colori standard e ad alto contrasto fra di loro. “
Pag. 6 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
7. T3CAMP Italia
L'Accessibilità in Italia Bologna
16 -17 novembre 2012
L'Accessibilità per la legge italiana
La legge Stanca (9 gennaio 2004), contiene le disposizioni per favorire l’accesso
dei soggetti disabili agli strumenti informatici.
I soggetti destinatari della legge, sono:
pubbliche amministrazioni
enti pubblici economici
aziende private concessionarie di servizi pubblici
enti di assistenza e di riabilitazione pubblici
aziende di trasporto e di telecomunicazione a prevalente partecipazione di
capitale pubblico
aziende municipalizzate regionali
aziende appaltatrici di servizi informatici.
Pag. 7 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
8. T3CAMP Italia
L'Accessibilità in Italia Bologna
16 -17 novembre 2012
Definizioni di Accessibilità e Tecnologie Assistive
La legge Stanca introduce due definizioni di base:
a) «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;
b) «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.
Pag. 8 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
9. Accessibilità e standard T3CAMP Italia
Bologna
tecnologici 16 -17 novembre 2012
Gli standar internazionali e le tecnologie
W3C - World Wide Web Consortium
Le linee guida internazionalmente più utilizzate per quanto concerne il web sono le 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/
HTML5
E' l'ultima evoluzione di HTML. Non nasce specificamente per migliorare l'accessibilità, ma
introduce comunque nuove strutture “semantiche”, che facilitano l'accessibiltà dei contenuti
(nav, section, article, …). Inoltre semplifica la gestione e la fruizione dei contenuti
multimediali (video, audio, immagini)
Pag. 9 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
10. Il Government Package di T3CAMP Italia
Bologna
TYPO3 16 -17 novembre 2012
Cosa è il Government Package
Il Government Package:
una distribuzione pre-configurata di TYPO3 che racchiude le Best Practices per
migliorare il livello di accessibilità dei siti web.
realizzato dalla TYPO3 Association con il finanziamento di una agenzia governativa
tedesca (Bundesanstalt für Landwirdschaft und Ernährung) con l'obiettivo generale di
migliorare l'accessibilità e l'usabilità
un buon punto di partenza per lo sviluppo dei siti web conformi alle raccomandazioni
e alle normativa sulla accessibilità.
disponibile solo per TYPO3 4.7 e TYPO3 6.0
Pag. 10 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
11. Il Government Package di T3CAMP Italia
Bologna
TYPO3 16 -17 novembre 2012
Gli ingredienti principali
TYPO3 4.7 Set di estensioni
ottimizzate
TYPO3
HTML5 / New css_styled_content A21Glossary / ContrastSwitch
Government Package Jquery Colorbox / .....
Layout e Design pensati per Uso di “em” CSS “ad hoc”
“ad hoc” accessibilità
Pag. 11 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
12. Il Government Package di T3CAMP Italia
Bologna
TYPO3 16 -17 novembre 2012
Features Accessibilità
skip links per facilitare la navigazione dei screen reader
uso del tasto TAB per la navigazione
main navigation
main content column
avere un buon rapporto di contrasto e la “opzione contrasto”
predisposto per funzionare bene con lo zoom del browser
Glossario degli acronimi
Screen reader “embedded” nel browser (online demo)
Pag. 12 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
13. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Skip links per screen reader
Pag. 13 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
14. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Skip links per screen reader
Pag. 14 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
15. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Skip links per screen reader
Pag. 15 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
16. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Skip links per screen reader
HTML
<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>.....................
Pag. 16 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
17. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Uso del TAB per navigazione
La funzionalità di navigazione con il TAB è ottenuta con il PlugIn
jQuery ColorBox, inserito in TYPO3 con la omonima estensione
jQueryColorBox
Pag. 17 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
18. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Opzione contrasto
Usa l'estensione
Contrast Switch
(key: contrast)
per attivare una
versione ad alto
contrasto della
pagina.
L'estensione
attiva un CSS
alternatvo e salva
lo stato nella
sessione utente.
Pag. 18 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
19. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Opzione contrasto
Usa l'estensione
Contrast Switch
(key: contrast)
per attiavre una
versione ad alto
contrasto della
pagina.
L'estensione
attiva un CSS
alternatvo e salva
lo stato nella
sessione utente.
Pag. 19 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
20. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Compatibile con zoom del browser
Usando lo zoom del
browser (CTRL + e
CTRL -) la pagina
resta
proporzionata. Uso
di “em” invece di
“px” nei CSS.
Help agli utenti
sull'uso dei tasti di
zoom
Pag. 20 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
21. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Glossario gestito automaticamente
Un Glossario viene
gestito automaticamente
da TYPO3. Tutti i termini
presenti nel glossario
vengono
automaticamente trovati
ni testi del sito e lincati
alla voce con la
descrizione.
Viene utilizzata
l'estensione typo3
A21Glossary
Pag. 21 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
22. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Screen Reader “embedded” nella pagina
(SOLO SULLA DEMO ONLINE) In ogni pagina è presente un link alla funzione che effettua lo screen
reading del testo contenuto nella pagina. Funziona con la estensione ReadSpeaker che utilizza il
servizio online omonimo. Il link è attivabile da tastiera con uno shortcut da tastiera (accesskey=L).
Usando la combinazione di tasti giusta (dipende dal browser e dal SO) si attiva direttament lo speaker.
Pag. 22 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
23. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Screen Reader “embedded” nella pagina
(SOLO SULLA DEMO ONLINE) In ogni pagina è presente un link alla funzione che effettua lo screen
reading del testo contenuto nella pagina. Funziona con la estensione ReadSpeaker che utilizza il
servizio online omonimo. Il link è attivabile da tastiera con uno shortcut da tastiera (accesskey=L).
Usando la combinazione di tasti giusta (dipende dal browser e dal SO) si attiva direttament lo speaker.
Pag. 23 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
24. Government Package : T3CAMP Italia
Bologna
features 16 -17 novembre 2012
Nuovi TAG HTML5 utilizzati
<body id="three-columns">
........
<header class="no-print">
<nav id="nav-top" role="navigation">
<h2 class="sr-hint">Top-Navigation</h2>
</nav>
<div id="title">..........</div>
<div id="logo"> ........</div>
</header>
..............................................................
<section>
<article id="c157">
<header class="csc-header csc-header-n1">
<h1 class="csc-firstHeader">Das TYPO3 Government Package</h1>
</header>
</article>
<article id="c155">
..........
</article>
Pag. 24 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
25. Il Government Package di T3CAMP Italia
Bologna
TYPO3: dove si trova 16 -17 novembre 2012
Scaricare e installare il Package
Package scaricabile dal http://typo3.org/download/
Package installabile con stesse modalità dell'Introduction Package
Seguire le procedure standar di installazione di TYPO3
Virtual Appliance scaricabile da http://www.typo3-installer.de
Appliance con TYPO3 e Government Package per VMWare e VirtualBox
Con VMWare basta scaricare il Player e far partire la macchian virtuale
Molto comodo per fare un test in tempi rapidi e con poco lavoro
Pag. 25 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
26. T3CAMP Italia
Risorse utili Bologna
16 -17 novembre 2012
Accessibilità, Leggi, standard
Sito IWA Italy (International Webmaster Association) riguardante l'accessibilità
● → http://webaccessibile.org/
Schema del Regolamento attuazione della legge Stanca
● → http://www.governo.it/presidenza/web/regolamento09072004.html
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)
Pag. 26 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
27. T3CAMP Italia
Risorse utili Bologna
16 -17 novembre 2012
Demo del Government Package
http://government.v4.demo.typo3.org/home.html
Pagina ufficiale del progetto Typo3 Government Package:
http://forge.typo3.org/projects/v4dist-government/repository
Sito per scaricare la Virtual Appliance Typo3 Government Package
http://www.typo3-installer.de (appliance Typo3 con Gov Pack)
Pag. 27 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
28. T3CAMP Italia
Risorse utili Bologna
16 -17 novembre 2012
Considerazioni finali
Il Government Package NON è l'unico modo per sviluppare siti accessibili in
TYPO3
- Con la potenza e la versatilità di TYPO3, si può già fare tutto.
- Il Government Package è un buon esempio da cui prendere spunto sia per le
funzionalità implementate che per le soluzioni tecniche scelte.
Il Government Package è ancora un “work in progress”
- Non tutte le funzionalità previste nel progetto iniziale sono ancora state implemente.
- Molto dipende anche dagli sviluppi di HTML5, da come sarà supportato da TYPO3 e
da come sarà supportato nei vari cliente/device
Pag. 28 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
29. T3CAMP Italia
Risorse utili Bologna
16 -17 novembre 2012
FINE
GRAZIE PER L'ATTENZIONE !!!
Pag. 29 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/