Presentazione su Joomla! FAP al Joomla! Day 2012 - Torino

1. Joomla! FAP
il CMS accessibile per tutti
Joomla! Day 2012 - Torino
Alessandro Pasotti
a.pasotti@itopen.it
@elpaso
Licenza: Creative Commons Attribution - Share Alike 3.0

2. Finalità di Joomla! FAP
● Creare un sito Joomla! accessibile secondo
le norme vigenti in Italia per i siti delle PPAA
● Permettere il rispetto delle linee guida per i
siti web delle PPAA
L'accessibilità è la caratteristica di un
dispositivo, di un servizio o di una risorsa
d'essere fruibile con facilità da una qualsiasi
tipologia d'utente.
Licenza: Creative Commons Attribution - Share Alike 3.0

3. Le tecnologie assistive
Licenza: Creative Commons Attribution - Share Alike 3.0

4. Il quadro normativo
● 1999 WCAG 1.0
● 2004 Legge “Stanca” n. 4 09/01/2004
● 2005 DPR 01/03 Regolamento di attuazione
● 2005 DM 08/07 Requisiti tecnici
● 2008 DM 30/04 […] l'accessibilità agli strumenti
didattici e formativi a favore degli alunni disabili
● 2008 WCAG 2.0
● 2010 Proposta di revisione dei requisiti tecnici
Licenza: Creative Commons Attribution - Share Alike 3.0

5. La legge “Stanca”
Disposizioni per favorire l'accesso dei soggetti
disabili agli strumenti informatici.
● Per le PPAA (e assimilate): nullità dei contratti
che non rispettano le norme della legge
● Requisiti tecnici per l'accessibilità
Licenza: Creative Commons Attribution - Share Alike 3.0

6. I 22 requisiti tecnici
Diventeranno 12, ma per ora:
– Rispetto della grammatica formale adottata
(preferenza per XHTML 1.0 strict)
– No tabelle per il layout, si CSS
– No apertura nuove finestre
– No marcatori presentazionali (font ecc.), si CSS
– No frame
Licenza: Creative Commons Attribution - Share Alike 3.0

7. I 22 requisiti (continua)
– Immagini e multimedia con testi alternativi
– No uso semantico del colore (oppure ALT)
– No blink
– Si alto contrasto
– No mappe immagini lato server (oppure ALT)
– Tabelle solo per contenuto tabellare e con
intestazioni chiaramente associate alle
righe/colonne (id negli header TH e attributo
header nei TD)
Licenza: Creative Commons Attribution - Share Alike 3.0

8. I 22 requisiti (continua)
– Usabile anche senza CSS
– Layout fluido e/o ”resistente” a modifiche nella
dimensione dei font
– Form con etichette associate ai campi
– Usabile senza script e applet
– Gestori eventi script e applet: indipendenza dai
dispositivi di input
– Link comprensibili anche senza contesto oppure
title esplicativi
Licenza: Creative Commons Attribution - Share Alike 3.0

9. I 22 requisiti (continua)
– Sistemi per saltare direttamente al contenuto
(evitando di dover sempre scorrere i menu)
– No servizi ”a scadere” oppure avvisare l'utente
– Collegamenti attivabili da tastiera o da sistemi di
puntamento diversi dal mouse (access key,
padding >= 1em)
– Scappatoia: versione accessibile della pagina (no
sito parallelo)
Licenza: Creative Commons Attribution - Share Alike 3.0

10. Chi controlla?
Questa pagina è stata lasciata volutamente vuota.
Licenza: Creative Commons Attribution - Share Alike 3.0

11. I validatori
● W3C: validator.w3c.org (grammatica)
Licenza: Creative Commons Attribution - Share Alike 3.0

12. I validatori (continua)
Licenza: Creative Commons Attribution - Share Alike 3.0

13. Validatori specializzati
● Vamolà
Licenza: Creative Commons Attribution - Share Alike 3.0

14. Validatori specializzati
● Vamolà
Licenza: Creative Commons Attribution - Share Alike 3.0

15. Altri validatori
● Achecker http://achecker.ca/checker/index.php
● WAVE http://wave.webaim.org/
● Lista completa:
http://www.w3.org/WAI/RC/tools/complete
● Contrasti colore (FF addon):
– WCAG Contrast checker
Licenza: Creative Commons Attribution - Share Alike 3.0

16. Il bollino
Licenza: Creative Commons Attribution - Share Alike 3.0

17. Joomla! FAP
For All People
Licenza: Creative Commons Attribution - Share Alike 3.0

18. Cos'è Joomla! FAP?
● Template accessibile
● Componente per le Access Key
● Plugin
● Procedure di configurazione
Licenza: Creative Commons Attribution - Share Alike 3.0

19. Il progetto
● Nato nel 2004
● Autore originale: Vamba (M. Bertolini)
● Maintainer dal 2006: ItOpen
● Più di 100 installazioni attive presso PPAA
https://github.com/elpaso/joomla-fap-25
GNU-AGPL
Licenza: Creative Commons Attribution - Share Alike 3.0

20. Il template accessibile
● XHTML 1.0 Strict
● Versione ad alto contrasto
● Layout liquido e semi-liquido
● Funzioni per regolare le dimensioni dei font (anche senza JS)
● Rispetto dei rapporti di contrasto e della spaziatura degli
elementi
● Collegamenti interni per la navigazione e i contenuti
● Class “external-link” su menu item di tipo URL
Licenza: Creative Commons Attribution - Share Alike 3.0

21. FAP
Licenza: Creative Commons Attribution - Share Alike 3.0

22. Controlli
FAP note
Padding Collegamenti
Licenza: Creative Commons Attribution - Share Alike 3.0

23. Alto contrasto
Licenza: Creative Commons Attribution - Share Alike 3.0

24. Lynx
Licenza: Creative Commons Attribution - Share Alike 3.0

25. Senza CSS
Link interni
Licenza: Creative Commons Attribution - Share Alike 3.0

26. Sarzana
Licenza: Creative Commons Attribution - Share Alike 3.0

27. FAP custom
Licenza: Creative Commons Attribution - Share Alike 3.0

28. Rete Oncologica
Licenza: Creative Commons Attribution - Share Alike 3.0

29. Molinette
Licenza: Creative Commons Attribution - Share Alike 3.0

30. Le access keys
Licenza: Creative Commons Attribution - Share Alike 3.0

31. I plugin
● HTML Purifier
– Filtra tutti i contenuti per generare codice conforme
alla grammatica adottata (XHTML 1.0 strict)
● Jfap
– Sostituisce target=”_blank” con onkeypress e
onclick
– Aggiunge il metadato DC.Description
– Corregge altri problemi minori
Licenza: Creative Commons Attribution - Share Alike 3.0

32. Links
● Legge “Stanca” http://www.pubbliaccesso.gov.it/normative/legge_20040109_n4.htm
● Linee guida:
http://www.funzionepubblica.gov.it/lazione-del-ministro/linee-guida-siti-web-pa/presentazione.aspx
● Revisione dei requisiti tecnici (i 12):
http://www.accessibile.gov.it/accessibilita/bozza-nuovi-requisiti-e-punti-di-controllo-per-accessibilita-web/
● Riferimenti:
– Legge “Stanca” (Legge 9 gennaio 2004, n. 4): Disposizioni per favorire l'accesso dei soggetti
disabili agli strumenti informatici
– www.accessibile.gov.it/
– www.funzionepubblica.gov.it/.../linee_guida..._2011.pdf
Licenza: Creative Commons Attribution - Share Alike 3.0

33. Grazie!
Alessandro Pasotti
a.pasotti@itopen.it
@elpaso
Licenza: Creative Commons Attribution - Share Alike 3.0