Joomla fap-joomla-day-2012

4,678 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,678
On SlideShare
0
From Embeds
0
Number of Embeds
2,717
Actions
Shares
0
Downloads
66
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Benvenuto e ringraziamenti Chi c'era a Roma? Chi ha già usato Joomla FAP?
  • A cosa serve Joomla FAP Accessibilità ~= Usabilità Perchè non va bene un sito “normale”?
  • … perchè le persone con disabilità usano dispositivi particolari
  • Storia delle norme
  • Un'ottima legge, che nessuno fa applicare. Non esiste un organismo di controllo efficace che la faccia rispettare. Legge “Stanca” di aspettare che qualcuno la osservi. Codice della strada. Questo non vuol dire che non si debba lavorare per l'accessilibilità, non solo perchè la legge ce lo impone ma perchè è un dovere etico e morare di chi eroga un servizio pubblico. Come controllare?
  • Una volta che il sito è validato, possiamo apporre il bollino...
  • Partecipate al forum su joomla.it e usate Joomla! FAP per i vostri progetti. Domande?
  • Joomla fap-joomla-day-2012

    1. 1. Joomla! FAPil CMS accessibile per tutti Joomla! Day 2012 - Torino Alessandro Pasotti a.pasotti@itopen.it @elpaso Licenza: Creative Commons Attribution - Share Alike 3.0
    2. 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 Laccessibilità è la caratteristica di un dispositivo, di un servizio o di una risorsa dessere fruibile con facilità da una qualsiasi tipologia dutente. Licenza: Creative Commons Attribution - Share Alike 3.0
    3. 3. Le tecnologie assistive Licenza: Creative Commons Attribution - Share Alike 3.0
    4. 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 […] laccessibilità 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. 5. La legge “Stanca” Disposizioni per favorire laccesso dei soggetti disabili agli strumenti informatici.● Per le PPAA (e assimilate): nullità dei contratti che non rispettano le norme della legge● Requisiti tecnici per laccessibilità Licenza: Creative Commons Attribution - Share Alike 3.0
    6. 6. I 22 requisiti tecniciDiventeranno 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. 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. 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. 9. I 22 requisiti (continua)– Sistemi per saltare direttamente al contenuto (evitando di dover sempre scorrere i menu)– No servizi ”a scadere” oppure avvisare lutente– 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. 10. Chi controlla? Questa pagina è stata lasciata volutamente vuota.Licenza: Creative Commons Attribution - Share Alike 3.0
    11. 11. I validatori● W3C: validator.w3c.org (grammatica) Licenza: Creative Commons Attribution - Share Alike 3.0
    12. 12. I validatori (continua)Licenza: Creative Commons Attribution - Share Alike 3.0
    13. 13. Validatori specializzati● Vamolà Licenza: Creative Commons Attribution - Share Alike 3.0
    14. 14. Validatori specializzati● Vamolà Licenza: Creative Commons Attribution - Share Alike 3.0
    15. 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. 16. Il bollinoLicenza: Creative Commons Attribution - Share Alike 3.0
    17. 17. Joomla! FAP For All PeopleLicenza: Creative Commons Attribution - Share Alike 3.0
    18. 18. Cosè Joomla! FAP?● Template accessibile● Componente per le Access Key● Plugin● Procedure di configurazione Licenza: Creative Commons Attribution - Share Alike 3.0
    19. 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. 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. 21. FAPLicenza: Creative Commons Attribution - Share Alike 3.0
    22. 22. Controlli FAP notePadding Collegamenti Licenza: Creative Commons Attribution - Share Alike 3.0
    23. 23. Alto contrastoLicenza: Creative Commons Attribution - Share Alike 3.0
    24. 24. LynxLicenza: Creative Commons Attribution - Share Alike 3.0
    25. 25. Senza CSSLink interni Licenza: Creative Commons Attribution - Share Alike 3.0
    26. 26. SarzanaLicenza: Creative Commons Attribution - Share Alike 3.0
    27. 27. FAP customLicenza: Creative Commons Attribution - Share Alike 3.0
    28. 28. Rete OncologicaLicenza: Creative Commons Attribution - Share Alike 3.0
    29. 29. MolinetteLicenza: Creative Commons Attribution - Share Alike 3.0
    30. 30. Le access keysLicenza: Creative Commons Attribution - Share Alike 3.0
    31. 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. 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 laccesso 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. 33. Grazie!Alessandro Pasottia.pasotti@itopen.it@elpaso Licenza: Creative Commons Attribution - Share Alike 3.0

    ×