SlideShare a Scribd company logo
1 of 38
Introduzione alle WCAG 1.0 Accessibilità dei Contenuti per il Web secondo il W3C   Simone Onofri [email_address] “ La forza del Web sta nella sua universalità. L’accesso da parte di  chiunque, indipendentemente dalle disabilità , ne è un aspetto essenziale ” Linux Day Roma: 28 Ottobre 2006 presso l’Università degli Studi di Roma “La Sapienza”
Sommario del Talk ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cos’è l’accessibilità ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Il termine “accessibile” ,[object Object],Due Significati importanti: cui si può accedere comprensibile
La WAI e il W3C ,[object Object],[object Object],Motto del W3C: “ Guidare il World Wide Web fino al  massimo del suo potenziale ”
Raccomandazioni per l’Accessibilità ,[object Object],[object Object],[object Object]
Il lavoro continua… ,[object Object],[object Object],[object Object]
A chi si rivolgono le WCAG? ,[object Object],[object Object],[object Object],“ Contenuto” E’ tutto ciò che si dice all'utente mediante il linguaggio naturale, il testo, le immagini, i suoni, i filmati, le animazioni etc…
Chi ne trae beneficio? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Analisi approfondita ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L'impatto delle WCAG sull'Italia e il ruolo dell'IWA ,[object Object],[object Object],[object Object],[object Object]
L’influenza Internazionale delle WCAG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L’impatto sull’Italia ,[object Object],Art 3, Costituzione Italiana Ma ogni cittadino è uguale davanti un sito web? No!
Legge 9 gennaio 2004 n. 4 detta  Legge Stanca ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://www.pubbliaccesso.gov.it/normative/legge_20040109_n4.htm
Perché l’IWA? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://www.iwa-italy.org/
Le Linee Guida per L’Accessibilità dei Contenuti per il Web ,[object Object],[object Object],[object Object],[object Object],http://www.w3.org/TR/WAI-WEBCONTENT/
Principi per un Design Accessibile “cui si può accedere” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Linee Guida “cui si può accedere” – 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Linee Guida “cui si può accedere” – 2 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Principi per un Design Accessibile – “comprensibile” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Linee Guida “comprensibile” ,[object Object],[object Object],[object Object]
Come sono organizzate le Linee Guida ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Priorità e Conformità ,[object Object],[object Object],[object Object],http://www.w3.org/WAI/WCAG1-Conformance.html
Il processo di conformità e alcuni fraintendimenti ,[object Object],[object Object],[object Object]
Brevi consigli per creare dei siti web accessibili ,[object Object],Vedremo ora alcuni esempi… http://www.w3.org/WAI/References/QuickTips/
1. Immagini ed animazioni ,[object Object],alt mancante – viene reso il nome del file alt=“” – viene ignorata l’immagine alt=“Logo del sito” alt=“Logo del Linux Day 2006 di Roma” alt=“Logo del Linux Day 2006 di Roma: Il pinguino con la toga e la coroncina di alloro accanto al Colosseo” http://www.linuxdayroma.org/
2. Immagini cliccabili ,[object Object],<map name= “ previsioni_italia ” > <area shape= “ poly ”  href= “ /lazio/ ”  alt= “ Lazio ” … <area shape= “ poly ”  href= “ /toscana/ ”  alt= “ Toscana ” … <p> <a href= “ /lazio/” title= “ Previsioni per il Lazio ” … <a href= “ /toscana/ ”  titlet= “ Previsioni per la Toscana”…
3. Multimedia ,[object Object],<!DOCTYPE smil PUBLIC &quot;-//W3C//DTD SMIL 2.0//EN&quot; &quot;http://www.w3.org/2001/SMIL20/WD/SMIL20.dtd&quot;>  <smil xmlns=&quot;http://www.w3.org/2001/SMIL20/Language&quot;> … <video src=&quot;…&quot;   region=&quot;video&quot; title=&quot;video&quot;/>  <textstream src=&quot;…&quot; region=&quot;captions&quot; title=&quot;captions&quot;/>  http://ncam.wgbh.org/webaccess/magpie/
4. Collegamenti ipertestuali ,[object Object],<a href=&quot;…&quot;   title=&quot;Iscrizione ai Talk&quot;>Iscrizione ai Talk</a> … <a href=&quot;…&quot; title=“clicca qui”>Clicca qui!!!</a> Nel caso del secondo collegamento, preso fuori dal contesto, non sappiamo dove ci possa portare. Inoltre inserire correttamente i testi dei collegamenti aiuta anche i  motori di ricerca  che associato ai collegamenti quelle parole
5. Organizzazione ,[object Object],http://www.csszengarden.com
6. Figure e diagrammi ,[object Object],Anche utilizzando l’alt, il significato di questo grafico potrebbe non essere chiaro. E’ consigliabile una descrizione in pagina o tramite il longdesc http://www.getfirefox.com/
7. Scipt, applet e plug-in ,[object Object],<object classid=&quot;java:pianoincl.class&quot; width=&quot;500&quot; height=&quot;500&quot;> <object data=“pianoincl.mpeg&quot; type=&quot;video/mpeg&quot;> <object data=&quot;Pressure.gif&quot; type=&quot;image/gif&quot;> Le forze in un piano inclinato... </object> </object > </object >
8. Cornici (frames)  ,[object Object],Non è comunque consigliabile usare i frame, peggiora la navigazione, l’indicizzazione e l’utente non può facilmente usare un segnalibro
9. Tabelle ,[object Object],lynx è uno dei migliori programmi per controllare la corretta linearizzazione di una tabella http://lynx.browser.org/
10. Verificare il lavoro ,[object Object],[object Object],http://validator.w3.org/
Conclusioni ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un invito… ,[object Object],[object Object],[object Object],[object Object],http://www.oilproject.org
Altro invito… sempre gratuito ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://education.iwa-italy.org

More Related Content

Viewers also liked

Introduzione al Web Semantico: URI, XML, RDF, SPARQL, RDFS, OWL
Introduzione al Web Semantico: URI, XML, RDF, SPARQL, RDFS, OWLIntroduzione al Web Semantico: URI, XML, RDF, SPARQL, RDFS, OWL
Introduzione al Web Semantico: URI, XML, RDF, SPARQL, RDFS, OWL
Simone Onofri
 
ITSMF Conferenza 2014 - L'officina Agile per innovare l'IT Service Management
ITSMF Conferenza 2014 - L'officina Agile per innovare l'IT Service ManagementITSMF Conferenza 2014 - L'officina Agile per innovare l'IT Service Management
ITSMF Conferenza 2014 - L'officina Agile per innovare l'IT Service Management
Simone Onofri
 

Viewers also liked (20)

Introduzione al Web Semantico: URI, XML, RDF, SPARQL, RDFS, OWL
Introduzione al Web Semantico: URI, XML, RDF, SPARQL, RDFS, OWLIntroduzione al Web Semantico: URI, XML, RDF, SPARQL, RDFS, OWL
Introduzione al Web Semantico: URI, XML, RDF, SPARQL, RDFS, OWL
 
Il Web del Futuro: RDFa per l organizzazione della conoscenza sul web - Web S...
Il Web del Futuro: RDFa per l organizzazione della conoscenza sul web - Web S...Il Web del Futuro: RDFa per l organizzazione della conoscenza sul web - Web S...
Il Web del Futuro: RDFa per l organizzazione della conoscenza sul web - Web S...
 
HTML5 Security
HTML5 SecurityHTML5 Security
HTML5 Security
 
Hackers vs developers: progettere le applicazioni mobile tra OWASP e OSSTMM
Hackers vs developers: progettere le applicazioni mobile tra OWASP e OSSTMMHackers vs developers: progettere le applicazioni mobile tra OWASP e OSSTMM
Hackers vs developers: progettere le applicazioni mobile tra OWASP e OSSTMM
 
Strumenti e risorse attuali presenti sul Web utili per la PA
Strumenti e risorse attuali presenti sul Web utili per la PAStrumenti e risorse attuali presenti sul Web utili per la PA
Strumenti e risorse attuali presenti sul Web utili per la PA
 
Anonymous for fun and profit - e-privacy 2011
Anonymous for fun and profit - e-privacy 2011Anonymous for fun and profit - e-privacy 2011
Anonymous for fun and profit - e-privacy 2011
 
Web Semantico: da XHTML a RDF in 3 click
Web Semantico: da XHTML a RDF in 3 clickWeb Semantico: da XHTML a RDF in 3 click
Web Semantico: da XHTML a RDF in 3 click
 
ITSMF Conferenza 2014 - L'officina Agile per innovare l'IT Service Management
ITSMF Conferenza 2014 - L'officina Agile per innovare l'IT Service ManagementITSMF Conferenza 2014 - L'officina Agile per innovare l'IT Service Management
ITSMF Conferenza 2014 - L'officina Agile per innovare l'IT Service Management
 
Il Web del Futuro: Enterprise e Web Semantico
Il Web del Futuro: Enterprise e Web SemanticoIl Web del Futuro: Enterprise e Web Semantico
Il Web del Futuro: Enterprise e Web Semantico
 
Lean Startup Machine - Rome - Agile e Lean Project Management
Lean Startup Machine - Rome - Agile e Lean Project ManagementLean Startup Machine - Rome - Agile e Lean Project Management
Lean Startup Machine - Rome - Agile e Lean Project Management
 
Il Web Del Futuro Visioni E Idee Sul Web Semantico
Il  Web Del Futuro    Visioni E  Idee Sul  Web  SemanticoIl  Web Del Futuro    Visioni E  Idee Sul  Web  Semantico
Il Web Del Futuro Visioni E Idee Sul Web Semantico
 
Hackers vs Developers: vulnerabilità e soluzioni nello sviluppo di applicazio...
Hackers vs Developers: vulnerabilità e soluzioni nello sviluppo di applicazio...Hackers vs Developers: vulnerabilità e soluzioni nello sviluppo di applicazio...
Hackers vs Developers: vulnerabilità e soluzioni nello sviluppo di applicazio...
 
Gli HTTP Security Header e altri elementi da sapere su HTTP in un Web Applica...
Gli HTTP Security Header e altri elementi da sapere su HTTP in un Web Applica...Gli HTTP Security Header e altri elementi da sapere su HTTP in un Web Applica...
Gli HTTP Security Header e altri elementi da sapere su HTTP in un Web Applica...
 
Mamma, da grande voglio essere un Penetration Tester HackInBo 2016 Winter
Mamma, da grande voglio essere un Penetration Tester HackInBo  2016 WinterMamma, da grande voglio essere un Penetration Tester HackInBo  2016 Winter
Mamma, da grande voglio essere un Penetration Tester HackInBo 2016 Winter
 
Hackers vs Developers - SQL Injection - Attacco e Difesa
Hackers vs Developers - SQL Injection - Attacco e DifesaHackers vs Developers - SQL Injection - Attacco e Difesa
Hackers vs Developers - SQL Injection - Attacco e Difesa
 
Hackers vs Developers - Nuove e vecchie vulnerabilità con la OWASP TOP 10 2013
Hackers vs Developers - Nuove e vecchie vulnerabilità con la OWASP TOP 10 2013Hackers vs Developers - Nuove e vecchie vulnerabilità con la OWASP TOP 10 2013
Hackers vs Developers - Nuove e vecchie vulnerabilità con la OWASP TOP 10 2013
 
Project management: Gestire progetto web con Agilità (con DSDM, Agile Project...
Project management: Gestire progetto web con Agilità (con DSDM, Agile Project...Project management: Gestire progetto web con Agilità (con DSDM, Agile Project...
Project management: Gestire progetto web con Agilità (con DSDM, Agile Project...
 
Agile Lean Management - MoSCoW, Timeboxing e Kanban
Agile Lean Management - MoSCoW, Timeboxing e KanbanAgile Lean Management - MoSCoW, Timeboxing e Kanban
Agile Lean Management - MoSCoW, Timeboxing e Kanban
 
TEDX TorVergataU - Intuition, Hacking e Nuove Tecnologie
TEDX TorVergataU -  Intuition, Hacking e Nuove TecnologieTEDX TorVergataU -  Intuition, Hacking e Nuove Tecnologie
TEDX TorVergataU - Intuition, Hacking e Nuove Tecnologie
 
Agile e Lean Management
 Agile e Lean Management Agile e Lean Management
Agile e Lean Management
 

Similar to Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG 1.0 e Quick Tips

Semplicità: accessibilità business oriented
Semplicità: accessibilità business orientedSemplicità: accessibilità business oriented
Semplicità: accessibilità business oriented
Fabrizio Caccavello
 

Similar to Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG 1.0 e Quick Tips (20)

Lezione 07/2006
Lezione 07/2006Lezione 07/2006
Lezione 07/2006
 
2 accessibilità web
2 accessibilità web2 accessibilità web
2 accessibilità web
 
accessibilità_web - valeria_neri
accessibilità_web - valeria_neriaccessibilità_web - valeria_neri
accessibilità_web - valeria_neri
 
Accessibilità, come e perché il tuo prodotto digital deve diventare per tutti
Accessibilità, come e perché il tuo prodotto digital deve diventare per tuttiAccessibilità, come e perché il tuo prodotto digital deve diventare per tutti
Accessibilità, come e perché il tuo prodotto digital deve diventare per tutti
 
Semplicità: accessibilità business oriented
Semplicità: accessibilità business orientedSemplicità: accessibilità business oriented
Semplicità: accessibilità business oriented
 
Criterivalutazione2012bis
Criterivalutazione2012bisCriterivalutazione2012bis
Criterivalutazione2012bis
 
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...
Comunicazione, tecnologia e sociale: opportunità del nuovo web - Cristina Gre...
 
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...
Il punto sulla accessibilità dei siti web per la Pubblica Amministrazione - T...
 
I Soggetti Del Web
I Soggetti Del WebI Soggetti Del Web
I Soggetti Del Web
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016
 
Accessibilità dei siti web
Accessibilità dei siti webAccessibilità dei siti web
Accessibilità dei siti web
 
Cts Europa Il Web Ed I Suoi Utenti
Cts Europa   Il Web Ed I Suoi UtentiCts Europa   Il Web Ed I Suoi Utenti
Cts Europa Il Web Ed I Suoi Utenti
 
Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)
 
Accessibilità Applicazioni Web
Accessibilità Applicazioni WebAccessibilità Applicazioni Web
Accessibilità Applicazioni Web
 
Web 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazioneWeb 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazione
 
Accessibilità dei siti web
Accessibilità dei siti webAccessibilità dei siti web
Accessibilità dei siti web
 
La rivoluzione del web 2.0
La rivoluzione del web 2.0La rivoluzione del web 2.0
La rivoluzione del web 2.0
 
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​
 
Nuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti webNuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti web
 
Accessibilità: i nuovi obblighi per gli acquisti ICT
Accessibilità: i nuovi obblighi per gli acquisti ICTAccessibilità: i nuovi obblighi per gli acquisti ICT
Accessibilità: i nuovi obblighi per gli acquisti ICT
 

More from Simone Onofri

More from Simone Onofri (20)

Attacking and Exploiting Ethereum Smart Contracts: Auditing 101
Attacking and Exploiting Ethereum Smart Contracts: Auditing 101Attacking and Exploiting Ethereum Smart Contracts: Auditing 101
Attacking and Exploiting Ethereum Smart Contracts: Auditing 101
 
Attacking IoT Devices from a Web Perspective - Linux Day
Attacking IoT Devices from a Web Perspective - Linux Day Attacking IoT Devices from a Web Perspective - Linux Day
Attacking IoT Devices from a Web Perspective - Linux Day
 
Attacking Ethereum Smart Contracts a deep dive after ~9 years of deployment
Attacking Ethereum Smart Contracts  a deep dive after ~9 years of deploymentAttacking Ethereum Smart Contracts  a deep dive after ~9 years of deployment
Attacking Ethereum Smart Contracts a deep dive after ~9 years of deployment
 
Linux Day 2018 Roma - Web Application Penetration Test (WAPT) con Linux
Linux Day 2018 Roma - Web Application Penetration Test (WAPT) con LinuxLinux Day 2018 Roma - Web Application Penetration Test (WAPT) con Linux
Linux Day 2018 Roma - Web Application Penetration Test (WAPT) con Linux
 
Agile Lean Conference 2017 - Leadership e facilitazione
Agile Lean Conference 2017 - Leadership e facilitazioneAgile Lean Conference 2017 - Leadership e facilitazione
Agile Lean Conference 2017 - Leadership e facilitazione
 
Agile Business Consortium - LEGO SERIOUS PLAY e i Principi di Agile Project M...
Agile Business Consortium - LEGO SERIOUS PLAY e i Principi di Agile Project M...Agile Business Consortium - LEGO SERIOUS PLAY e i Principi di Agile Project M...
Agile Business Consortium - LEGO SERIOUS PLAY e i Principi di Agile Project M...
 
Agile Project Framework
Agile Project FrameworkAgile Project Framework
Agile Project Framework
 
Agile nei servizi di cyber security (Security Summit Edition)
Agile nei servizi di cyber security (Security Summit Edition)Agile nei servizi di cyber security (Security Summit Edition)
Agile nei servizi di cyber security (Security Summit Edition)
 
Security Project Management - Agile nei servizi di Cyber Security
Security Project Management - Agile nei servizi di Cyber SecuritySecurity Project Management - Agile nei servizi di Cyber Security
Security Project Management - Agile nei servizi di Cyber Security
 
Cyber Defense - How to find and manage zero-days
Cyber Defense - How to find and manage zero-days Cyber Defense - How to find and manage zero-days
Cyber Defense - How to find and manage zero-days
 
Cyber Defense - How to be prepared to APT
Cyber Defense - How to be prepared to APTCyber Defense - How to be prepared to APT
Cyber Defense - How to be prepared to APT
 
ISACA - Gestire progetti di Ethical Hacking secondo le best practices
ISACA - Gestire progetti di Ethical Hacking secondo le best practicesISACA - Gestire progetti di Ethical Hacking secondo le best practices
ISACA - Gestire progetti di Ethical Hacking secondo le best practices
 
OWASP AppSec EU 2016 - Security Project Management - How to be Agile in Secu...
OWASP AppSec EU 2016 - Security Project Management -  How to be Agile in Secu...OWASP AppSec EU 2016 - Security Project Management -  How to be Agile in Secu...
OWASP AppSec EU 2016 - Security Project Management - How to be Agile in Secu...
 
Penetration Testing con Python - Network Sniffer
Penetration Testing con Python - Network SnifferPenetration Testing con Python - Network Sniffer
Penetration Testing con Python - Network Sniffer
 
ORM Injection
ORM InjectionORM Injection
ORM Injection
 
Nuove minacce nella Cyber Security, come proteggersi
Nuove minacce nella Cyber Security, come proteggersiNuove minacce nella Cyber Security, come proteggersi
Nuove minacce nella Cyber Security, come proteggersi
 
Hackers vs Developers - Cross Site Scripting (XSS) Attacco e difesa
Hackers vs Developers - Cross Site Scripting (XSS) Attacco e difesaHackers vs Developers - Cross Site Scripting (XSS) Attacco e difesa
Hackers vs Developers - Cross Site Scripting (XSS) Attacco e difesa
 
Agile lean conference - Agile, Lean & Business
Agile lean conference - Agile, Lean & BusinessAgile lean conference - Agile, Lean & Business
Agile lean conference - Agile, Lean & Business
 
IPMA 2014 World Congress - Stakeholder Engagement between Traditional and Ag...
IPMA 2014 World Congress -  Stakeholder Engagement between Traditional and Ag...IPMA 2014 World Congress -  Stakeholder Engagement between Traditional and Ag...
IPMA 2014 World Congress - Stakeholder Engagement between Traditional and Ag...
 
Meetmagento 2014 hackers_onofri
Meetmagento 2014 hackers_onofriMeetmagento 2014 hackers_onofri
Meetmagento 2014 hackers_onofri
 

Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG 1.0 e Quick Tips

  • 1. Introduzione alle WCAG 1.0 Accessibilità dei Contenuti per il Web secondo il W3C Simone Onofri [email_address] “ La forza del Web sta nella sua universalità. L’accesso da parte di chiunque, indipendentemente dalle disabilità , ne è un aspetto essenziale ” Linux Day Roma: 28 Ottobre 2006 presso l’Università degli Studi di Roma “La Sapienza”
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.