SlideShare uma empresa Scribd logo
1 de 46
Accessibilità web Andrea Crevola [email_address] http://webdesign.3juice.com
Sommario ,[object Object],[object Object],[object Object],[object Object],[object Object]
L’accessibilità web ,[object Object],[object Object],[object Object],[object Object]
Perché l’accessibilità? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Non solo per i disabili ,[object Object],[object Object],[object Object],[object Object]
Componenti dell’accessibilità web Essential Components of Web Accessibility  ( http://www.w3.org/WAI/intro/components.php )
Le tecnologie assistive ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Screen reader & browser aurali ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Screen reader: esempio
Barre e stampanti braille ,[object Object],[object Object],[object Object]
Magnificatori di schermo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Magnificatori: esempio
Dispositivi alternativi al mouse ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Il W3C e l’accessibilità ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Le WCAG 1.0 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Le WCAG 1.0: temi fondamentali ,[object Object],[object Object],[object Object],[object Object],[object Object]
Livelli di priorità ,[object Object],[object Object],[object Object],[object Object]
1. Offrire alternative equivalenti ai contenuti visuali e acustici ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
2. Non fare affidamento solo sul colore ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3. Usare le marcature ed i fogli di stile in modo appropriato ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4. Chiarire l'uso del linguaggio naturale ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
5. creare tabelle che si trasformino in maniera gradevole ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
6. Garantire che le pagine che utilizzano tecnologie più recenti si trasformino in maniera gradevole ,[object Object],[object Object],[object Object],[object Object]
7. l’utente deve poter controllare i cambiamenti di contenuto nel corso della loro rappresentazione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
8. Le interfacce-utente incorporate devono essere a loro volta accessibili ,[object Object],[object Object],[object Object],[object Object],[object Object]
9. Garantire l’indipendenza dal dispositivo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
10. Adottare soluzioni temporanee ,[object Object],[object Object],[object Object],[object Object],[object Object]
11. Adottare tecnologie W3C e seguire le linee guida del W3C stesso ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
12. Fornire informazioni sul contesto e sull’orientamento ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
13. Fornire chiari meccanismi di navigazione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
14. Assicurarsi che ogni contenuto sia chiaro e semplice ,[object Object],[object Object],[object Object],[object Object],[object Object]
L’accessibilità è legge ,[object Object],[object Object],[object Object],[object Object],[object Object]
User experience [http://semanticstudios.com/publications/semantics/000029.php]
Ambito di applicazione della legge 4/2004 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Obblighi di legge ,[object Object]
Chi controlla? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Come si controlla?  Verifica tecnica ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Strumenti di ausilio alla valutazione tecnica dell’accessibilità (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Strumenti di ausilio alla valutazione tecnica dell’accessibilità (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Strumenti di ausilio alla valutazione tecnica dell’accessibilità (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Strumenti di ausilio alla valutazione tecnica dell’accessibilità (4) ,[object Object],[object Object],[object Object]
Esercizio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Verifica soggettiva ,[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]
Luoghi comuni da sfatare: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Siti web di riferimento ,[object Object],[object Object],[object Object],[object Object],[object Object]
Bibliografia di base ,[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Mais procurados

Mais procurados (11)

Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?
 
Gal.Internet
Gal.InternetGal.Internet
Gal.Internet
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesigner
 
Criterivalutazione2012bis
Criterivalutazione2012bisCriterivalutazione2012bis
Criterivalutazione2012bis
 
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesigner
 
Usabilità e accessibilità
Usabilità  e accessibilitàUsabilità  e accessibilità
Usabilità e accessibilità
 
Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...
 
Sviluppo Di Un Sito Web
Sviluppo Di Un Sito WebSviluppo Di Un Sito Web
Sviluppo Di Un Sito Web
 
E Learning Per Tutti
E Learning Per TuttiE Learning Per Tutti
E Learning Per Tutti
 
Piano della ricerca su quotidiani, pubblicità e usabilità di About User e Uni...
Piano della ricerca su quotidiani, pubblicità e usabilità di About User e Uni...Piano della ricerca su quotidiani, pubblicità e usabilità di About User e Uni...
Piano della ricerca su quotidiani, pubblicità e usabilità di About User e Uni...
 
Responsive web design RT
Responsive web design RTResponsive web design RT
Responsive web design RT
 

Destaque

Come si calcolano i costi per la creazione di un sito internet
Come si calcolano i costi per la creazione di un sito internetCome si calcolano i costi per la creazione di un sito internet
Come si calcolano i costi per la creazione di un sito internet
seopuglia
 

Destaque (8)

Lezione 06/2006
Lezione 06/2006Lezione 06/2006
Lezione 06/2006
 
Sito Web Aziendale - 5 passi per il successo
Sito Web Aziendale - 5 passi per il successoSito Web Aziendale - 5 passi per il successo
Sito Web Aziendale - 5 passi per il successo
 
Betanzos-Budapest
Betanzos-BudapestBetanzos-Budapest
Betanzos-Budapest
 
8. Architetture web
8. Architetture web8. Architetture web
8. Architetture web
 
Come si calcolano i costi per la creazione di un sito internet
Come si calcolano i costi per la creazione di un sito internetCome si calcolano i costi per la creazione di un sito internet
Come si calcolano i costi per la creazione di un sito internet
 
4 Step per analizzare un sito web
4 Step per analizzare un sito web4 Step per analizzare un sito web
4 Step per analizzare un sito web
 
Modello "Preventivo web design - scheda preliminare"
Modello "Preventivo web design - scheda preliminare"Modello "Preventivo web design - scheda preliminare"
Modello "Preventivo web design - scheda preliminare"
 
10 regole per fare un preventivo
10 regole per fare un preventivo10 regole per fare un preventivo
10 regole per fare un preventivo
 

Semelhante a Lezione 07/2006

Presentazione Portale Asmenet
Presentazione Portale AsmenetPresentazione Portale Asmenet
Presentazione Portale Asmenet
Formez
 
Un'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti WebUn'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti Web
Alberto Rota
 
metodologia di lavoro per un sito web orientato alla soddisfazione dell\'utente
metodologia di lavoro per un sito web orientato alla soddisfazione dell\'utentemetodologia di lavoro per un sito web orientato alla soddisfazione dell\'utente
metodologia di lavoro per un sito web orientato alla soddisfazione dell\'utente
andrea.giro
 
Reingegnerizzazione di un Content Management System verso l'accessibilità sec...
Reingegnerizzazione di un Content Management System verso l'accessibilità sec...Reingegnerizzazione di un Content Management System verso l'accessibilità sec...
Reingegnerizzazione di un Content Management System verso l'accessibilità sec...
Francesco Trucchia
 
II modulo – come gestire
II modulo – come gestireII modulo – come gestire
II modulo – come gestire
Beesolution
 

Semelhante a Lezione 07/2006 (20)

Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
 
Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web. Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web.
 
2 accessibilità web
2 accessibilità web2 accessibilità web
2 accessibilità 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
 
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
 
accessibilità_web - valeria_neri
accessibilità_web - valeria_neriaccessibilità_web - valeria_neri
accessibilità_web - valeria_neri
 
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...
 
Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)
 
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​ ​
 
Accessibilità Applicazioni Web
Accessibilità Applicazioni WebAccessibilità Applicazioni Web
Accessibilità Applicazioni Web
 
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
 
Presentazione Portale Asmenet
Presentazione Portale AsmenetPresentazione Portale Asmenet
Presentazione Portale Asmenet
 
Un'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti WebUn'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti Web
 
metodologia di lavoro per un sito web orientato alla soddisfazione dell\'utente
metodologia di lavoro per un sito web orientato alla soddisfazione dell\'utentemetodologia di lavoro per un sito web orientato alla soddisfazione dell\'utente
metodologia di lavoro per un sito web orientato alla soddisfazione dell\'utente
 
Reingegnerizzazione di un Content Management System verso l'accessibilità sec...
Reingegnerizzazione di un Content Management System verso l'accessibilità sec...Reingegnerizzazione di un Content Management System verso l'accessibilità sec...
Reingegnerizzazione di un Content Management System verso l'accessibilità sec...
 
Web usability - 4 | WebMaster & WebDesigner
Web usability - 4 | WebMaster & WebDesignerWeb usability - 4 | WebMaster & WebDesigner
Web usability - 4 | WebMaster & WebDesigner
 
Mobile Web Best Practice
Mobile Web Best PracticeMobile Web Best Practice
Mobile Web Best Practice
 
II modulo – come gestire
II modulo – come gestireII modulo – come gestire
II modulo – come gestire
 
Realizzare un sito web
Realizzare un sito webRealizzare un sito web
Realizzare un sito web
 
Accessibilità
AccessibilitàAccessibilità
Accessibilità
 

Lezione 07/2006