Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Joomla fap-joomla-day-2012

4,758 views

Published on

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

Published in: Technology
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

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

×