Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Joomla fap-joomla-day-2012

4.848 visualizaciones

Publicado el

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

Publicado en: Tecnología
  • Inicia sesión para ver los comentarios

  • Sé el primero en recomendar esto

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

×