SlideShare a Scribd company logo
1 of 30
Semplicità: accessibilità business oriented Fabrizio Caccavello IWA member Autore  www.webaccessibile.org Akebia project manager
Cos’è IWA/HWG ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cos’è IWA/HWG Network: http://www. iwa .it  -  http:// webaccessibile .org  -  http ://www. itlists .org    -  http://blog.iwa.it  -  http://www. skillprofiles . eu   Contatti: comunicazione @ iwa .it Partecipazioni e Attività
ACCESSIBILIT À Il consorzio internazionale che si occupa di definire gli standard per il web  e le linee guida per l'accessibilità Web Content Accessibility Guidelines (WCAG)
Le presenti linee guida spiegano come rendere contenuti Web  accessibili a persone disabili . Le linee guida sono pensate sia per gli sviluppatori di contenuti Web  (autori di pagine Web e creatori di siti Web) sia per gli sviluppatori di strumenti di authoring. L'obiettivo principale di queste linee guida consiste nel promuovere l'accessibilità. Seguendole, si otterrà il risultato di  rendere i contenuti Web più facilmente fruibili da tutti gli utenti , a prescindere dal... Web Content Accessibility Guidelines (WCAG-1) 1999 Questo è l'abstract delle WCAG-1
[object Object],[object Object]
Le presenti linee guida spiegano come rendere contenuti Web  accessibili a persone disabili .  Le linee guida sono pensate sia per gli sviluppatori di contenuti Web  (autori di pagine Web e creatori di siti Web) sia per gli sviluppatori di strumenti di authoring. L'obiettivo principale di queste linee guida consiste nel promuovere l'accessibilità. Seguendole, si otterrà il risultato di  rendere i contenuti Web più facilmente fruibili da tutti gli utenti , a prescindere dal... Web Content Accessibility Guidelines (WCAG-1) 1999 Per molto tempo l'abstract è stato visto così:
Ma le persone che possono beneficiare di un progetto accessibile quante sono? Chi è il destinatario dell'accessibilità? Pensiero comune: sul web i diversamente abili, o comunque coloro che hanno qualche difficoltà nella navigazione sono molto pochi. Ma sarà vero?
Statistica recente per il Regno Unito Ma l'accessibilità si rivolge soltanto a queste categorie?
Al 36% della precedente slide dovremmo aggiungere: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],E poi utenti con
Le presenti linee guida spiegano come rendere contenuti Web  accessibili a persone disabili . Le linee guida sono pensate sia per gli sviluppatori di contenuti Web  (autori di pagine Web e creatori di siti Web) sia per gli sviluppatori di strumenti di authoring. L'obiettivo principale di queste linee guida consiste nel promuovere l'accessibilità. Seguendole, si otterrà il risultato di   rendere i contenuti Web più facilmente fruibili da tutti gli utenti,  a prescindere...   Web Content Accessibility Guidelines (WCAG-1) 1999 Delle linee guida WCAG-1 del 1999 dovremmo evidenziare un'altra parte
L'accessibilità si rivolge alla totalità degli utenti ,[object Object],[object Object]
L'accessibilità non è soltanto una questione di codice ma anche di contenuti, layout, strategie, ecc. SEMPLICIT À Aggiungiamo un altro concetto:
SEMPLICIT À La semplicità è togliere il superfluo e aggiungere ciò che serve E = mc 2
SEMPLICIT À La semplicità è togliere il superfluo e aggiungere ciò che serve
SEMPLICIT À La semplicità è togliere il superfluo e aggiungere ciò che serve
Al di là del codice e degli standard la semplicità deve essere nella testa dello sviluppatore.  In questa piattaforma di home-banking di una nota banca dopo il login c'è in evidenza il pulsante per la richiesta saldo, e questo può sembrare giusto.
Il pulsante però apre un sottomenù inutile perché è composto da soli due menù. Inoltre è eseguito in javascript non accessibile La presenza della data e ora dell'ultimo login può disorientare facendo intuire che abbia un qualche significato ricordarsi e verificare tale dato
Quando si clicca la richiesta di saldo l'applicazione, con una grafica non consona, avverte che si sarebbe dovuto prima scegliere un rapporto.
Selezionando un rapporto si può scegliere l'unico rapporto disponibile, pertanto l'operazione è del tutto inutile. Al login si poteva già pre-selezionare quest'unica opzione.
Inoltre il layout è realizzato con 3 frames e il messaggio di avviso (che invece sembra un messaggio d'errore) si riferisce a un frame diverso
La non osservanza delle linee guida sull'accessibilità, la non corretta compilazione del codice sorgente,  l'inosservanza delle più elementari norme sulla progettazione di un prodotto web professionale, la scarsa attenzione ai comportamenti della web application e la mancata semplificazione delle procedure da seguire (togliendo il superfluo) hanno prodotto: un cliente insoddisfatto e forse un cliente perso Anche se l'applicazione web fosse stata accessibile (ma abbiamo visto che non lo era neanche sommariamente) i comportamenti complessi per la  maggior parte inutili la rendono comunque inaccessibile.
La semplicità è togliere il superfluo e aggiungere ciò che serve. La homepage di firefox è un esempio positivo.
La homepage di explorer no, perché al di là del codice (che comunque è inaccessibile) non rappresenta immediatamente il prodotto e le  scritte “download” non conducono alle operazioni sperate.
Ma ha ancora senso realizzare un sito alternativo accessibile?
Un sito alternativo non ha senso, sopratutto se si è deciso di togliere  i servizi: sul sito accessibile  non si posso fare le ricariche!
+ } Attento studio delle dinamiche dei siti internet e delle web application Ricerca della semplicità in tutti i luoghi possibili: layout, comportamenti, contenuti, grafica. L'accessibilità non è soltanto una questione di codice ma anche di contenuti, layout, strategie, ecc. Rispetto degli standard del codice di programmazione (x)html – css – javascript – flash, ecc. Rispetto delle linee guida WCAG-1 WCAG-2 (in futuro)
L'accessibilità permette: ,[object Object],[object Object],[object Object],[object Object],raggiungere un numero più elevato di potenziali clienti e fidelizzare  maggiormente i clienti acquisiti
L'accessibilità non è (soltanto) una questione di etica, ma una scelta di trasparenza e di efficienza per la Pubblica Amministrazione e una grande opportunità di business per le aziende
Grazie per l'attenzione Fabrizio Caccavello Member Project manager Quest'opera è stata rilasciata sotto la licenza Creative Commons Attribuzione-Non commerciale-Non opere derivate 3.0 Unported. Per leggere una copia della licenza visita il sito web  http://creativecommons.org/licenses/by-nc-nd/3.0/ o  spedisci una lettera a Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA. Diritti, marchi registrati e siti web riportati in immagini e url sono riservati e proprietà dei diretti interessati e relative aziende. IWA/HWG e l’associazione IWA Italy non sono direttamente o indirettamente responsabili dei contenuti riportati nel presente documento che sono ad esclusiva cura e responsabilità del relatore.

More Related Content

What's hot

La rivoluzione del web 2.0
La rivoluzione del web 2.0La rivoluzione del web 2.0
La rivoluzione del web 2.0Luca Mascaro
 
Web 2.0: verità e finzione
Web 2.0: verità e finzioneWeb 2.0: verità e finzione
Web 2.0: verità e finzioneRoberto Castaldo
 
Applicazioni Ajax Accessibili
Applicazioni Ajax AccessibiliApplicazioni Ajax Accessibili
Applicazioni Ajax AccessibiliDiego La Monica
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziendeGabriele Romanato
 
Open al bivio fra software e webware
Open al bivio fra software e webwareOpen al bivio fra software e webware
Open al bivio fra software e webwareDavide Carboni
 
Infofactory Web 2.0 and 3.0
Infofactory Web 2.0 and 3.0Infofactory Web 2.0 and 3.0
Infofactory Web 2.0 and 3.0Paolo Omero
 
Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Roberto Castaldo
 
Lezione 30 Ottobre Lezione 30 Ottobre Blow, Wiki ed editing web-based
Lezione 30 Ottobre Lezione 30 Ottobre Blow, Wiki ed editing web-basedLezione 30 Ottobre Lezione 30 Ottobre Blow, Wiki ed editing web-based
Lezione 30 Ottobre Lezione 30 Ottobre Blow, Wiki ed editing web-basedPaolo Lattanzio
 
Paolo Brunelli - Comunicare 2.0
Paolo Brunelli - Comunicare 2.0Paolo Brunelli - Comunicare 2.0
Paolo Brunelli - Comunicare 2.0CNA Parma
 
Sunet meeting-keycode2010
Sunet meeting-keycode2010Sunet meeting-keycode2010
Sunet meeting-keycode2010SUNET
 
Presentazione Associazione SIPSI - Sabato 1 Ottobre 2001 TecnoWorkShop Lucca
Presentazione Associazione SIPSI - Sabato 1 Ottobre 2001 TecnoWorkShop LuccaPresentazione Associazione SIPSI - Sabato 1 Ottobre 2001 TecnoWorkShop Lucca
Presentazione Associazione SIPSI - Sabato 1 Ottobre 2001 TecnoWorkShop LuccaLuca Silva
 
Smau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaSmau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaAlberto Ardizzone
 
Web 2.0: le sfide per le moderne dot-com
Web 2.0: le sfide per le moderne dot-comWeb 2.0: le sfide per le moderne dot-com
Web 2.0: le sfide per le moderne dot-comEmanuele Della Valle
 
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...Roberto Scano
 
Sviluppo Di Un Sito Web
Sviluppo Di Un Sito WebSviluppo Di Un Sito Web
Sviluppo Di Un Sito Webcarlol
 

What's hot (17)

La rivoluzione del web 2.0
La rivoluzione del web 2.0La rivoluzione del web 2.0
La rivoluzione del web 2.0
 
Web 2.0: verità e finzione
Web 2.0: verità e finzioneWeb 2.0: verità e finzione
Web 2.0: verità e finzione
 
Applicazioni Ajax Accessibili
Applicazioni Ajax AccessibiliApplicazioni Ajax Accessibili
Applicazioni Ajax Accessibili
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende
 
Open al bivio fra software e webware
Open al bivio fra software e webwareOpen al bivio fra software e webware
Open al bivio fra software e webware
 
Realizzare un sito web
Realizzare un sito webRealizzare un sito web
Realizzare un sito web
 
Infofactory Web 2.0 and 3.0
Infofactory Web 2.0 and 3.0Infofactory Web 2.0 and 3.0
Infofactory Web 2.0 and 3.0
 
Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007
 
Lezione 30 Ottobre Lezione 30 Ottobre Blow, Wiki ed editing web-based
Lezione 30 Ottobre Lezione 30 Ottobre Blow, Wiki ed editing web-basedLezione 30 Ottobre Lezione 30 Ottobre Blow, Wiki ed editing web-based
Lezione 30 Ottobre Lezione 30 Ottobre Blow, Wiki ed editing web-based
 
Paolo Brunelli - Comunicare 2.0
Paolo Brunelli - Comunicare 2.0Paolo Brunelli - Comunicare 2.0
Paolo Brunelli - Comunicare 2.0
 
Comunicare web 2.0
Comunicare web 2.0Comunicare web 2.0
Comunicare web 2.0
 
Sunet meeting-keycode2010
Sunet meeting-keycode2010Sunet meeting-keycode2010
Sunet meeting-keycode2010
 
Presentazione Associazione SIPSI - Sabato 1 Ottobre 2001 TecnoWorkShop Lucca
Presentazione Associazione SIPSI - Sabato 1 Ottobre 2001 TecnoWorkShop LuccaPresentazione Associazione SIPSI - Sabato 1 Ottobre 2001 TecnoWorkShop Lucca
Presentazione Associazione SIPSI - Sabato 1 Ottobre 2001 TecnoWorkShop Lucca
 
Smau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaSmau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuola
 
Web 2.0: le sfide per le moderne dot-com
Web 2.0: le sfide per le moderne dot-comWeb 2.0: le sfide per le moderne dot-com
Web 2.0: le sfide per le moderne dot-com
 
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
 
Sviluppo Di Un Sito Web
Sviluppo Di Un Sito WebSviluppo Di Un Sito Web
Sviluppo Di Un Sito Web
 

Viewers also liked

Responsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàResponsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàFabrizio Caccavello
 
Accessibilità, tra etica e business
Accessibilità, tra etica e businessAccessibilità, tra etica e business
Accessibilità, tra etica e businessFabrizio Caccavello
 
Programmazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaProgrammazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaTurismoProvPC
 
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...Fabrizio Caccavello
 
Progettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataProgettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataFabrizio Caccavello
 

Viewers also liked (6)

Responsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàResponsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilità
 
Accessibilità, tra etica e business
Accessibilità, tra etica e businessAccessibilità, tra etica e business
Accessibilità, tra etica e business
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Programmazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaProgrammazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di Piacenza
 
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
 
Progettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataProgettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionata
 

Similar to Semplicità: accessibilità business oriented

Linee guida per i siti web delle PA - Uno spunto per tutti
Linee guida per i siti web delle PA - Uno spunto per tuttiLinee guida per i siti web delle PA - Uno spunto per tutti
Linee guida per i siti web delle PA - Uno spunto per tuttiextrategy
 
Accessibilità e Creatività
Accessibilità e CreativitàAccessibilità e Creatività
Accessibilità e CreativitàDiego La Monica
 
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...Simone Onofri
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016Paolo Dadda
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDESMAU
 
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...Fabrizio Caccavello
 
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...Simone Onofri
 
Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Roberto Polillo
 
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeSiti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeDiego La Monica
 
Accessibilità: siamo pronti all'evoluzione della normativa?
Accessibilità: siamo pronti all'evoluzione della normativa?Accessibilità: siamo pronti all'evoluzione della normativa?
Accessibilità: siamo pronti all'evoluzione della normativa?Roberto Scano
 
Web2.0: strumenti e tecnologie per la realizzazione di servizi innovativi
Web2.0: strumenti e tecnologie per la realizzazione di servizi innovativiWeb2.0: strumenti e tecnologie per la realizzazione di servizi innovativi
Web2.0: strumenti e tecnologie per la realizzazione di servizi innovativiSerenaS
 
Motori Di Ricerca e Standard Web - Smau 2008
Motori Di Ricerca e Standard Web - Smau 2008Motori Di Ricerca e Standard Web - Smau 2008
Motori Di Ricerca e Standard Web - Smau 2008Massimiliano Navacchia
 
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Diego La Monica
 
ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione ...
ForumPA 2016: Dieci requisiti per i siti web della  Pubblica Amministrazione ...ForumPA 2016: Dieci requisiti per i siti web della  Pubblica Amministrazione ...
ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione ...Fabrizio Caccavello
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerMatteo Magni
 
Smau Firenze 2014 - Strategie per la progettazione web: i clienti vogliono i...
Smau Firenze 2014 -  Strategie per la progettazione web: i clienti vogliono i...Smau Firenze 2014 -  Strategie per la progettazione web: i clienti vogliono i...
Smau Firenze 2014 - Strategie per la progettazione web: i clienti vogliono i...SMAU
 
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerMatteo Magni
 
IWA ForumPA 2008
IWA ForumPA 2008IWA ForumPA 2008
IWA ForumPA 2008alscar
 
Aziende Fornitori Web2.0
Aziende Fornitori Web2.0Aziende Fornitori Web2.0
Aziende Fornitori Web2.0Gabriella
 

Similar to Semplicità: accessibilità business oriented (20)

Linee guida per i siti web delle PA - Uno spunto per tutti
Linee guida per i siti web delle PA - Uno spunto per tuttiLinee guida per i siti web delle PA - Uno spunto per tutti
Linee guida per i siti web delle PA - Uno spunto per tutti
 
Accessibilità e Creatività
Accessibilità e CreativitàAccessibilità e Creatività
Accessibilità e Creatività
 
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...
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
 
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
 
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...
 
Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)
 
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeSiti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
 
Accessibilità: siamo pronti all'evoluzione della normativa?
Accessibilità: siamo pronti all'evoluzione della normativa?Accessibilità: siamo pronti all'evoluzione della normativa?
Accessibilità: siamo pronti all'evoluzione della normativa?
 
Web2.0: strumenti e tecnologie per la realizzazione di servizi innovativi
Web2.0: strumenti e tecnologie per la realizzazione di servizi innovativiWeb2.0: strumenti e tecnologie per la realizzazione di servizi innovativi
Web2.0: strumenti e tecnologie per la realizzazione di servizi innovativi
 
Motori Di Ricerca e Standard Web - Smau 2008
Motori Di Ricerca e Standard Web - Smau 2008Motori Di Ricerca e Standard Web - Smau 2008
Motori Di Ricerca e Standard Web - Smau 2008
 
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
 
ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione ...
ForumPA 2016: Dieci requisiti per i siti web della  Pubblica Amministrazione ...ForumPA 2016: Dieci requisiti per i siti web della  Pubblica Amministrazione ...
ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione ...
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesigner
 
Smau Firenze 2014 - Strategie per la progettazione web: i clienti vogliono i...
Smau Firenze 2014 -  Strategie per la progettazione web: i clienti vogliono i...Smau Firenze 2014 -  Strategie per la progettazione web: i clienti vogliono i...
Smau Firenze 2014 - Strategie per la progettazione web: i clienti vogliono i...
 
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesigner
 
IWA ForumPA 2008
IWA ForumPA 2008IWA ForumPA 2008
IWA ForumPA 2008
 
Aziende Fornitori Web2.0
Aziende Fornitori Web2.0Aziende Fornitori Web2.0
Aziende Fornitori Web2.0
 
Web-writing
Web-writingWeb-writing
Web-writing
 

More from Fabrizio Caccavello

Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiNon esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiFabrizio Caccavello
 
Non esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiNon esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiFabrizio Caccavello
 
Accessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewAccessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewFabrizio Caccavello
 
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017Fabrizio Caccavello
 
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...Fabrizio Caccavello
 
I siti web della PA per dispositivi mobili - ForumPA 2015
I siti web della PA per dispositivi mobili - ForumPA 2015I siti web della PA per dispositivi mobili - ForumPA 2015
I siti web della PA per dispositivi mobili - ForumPA 2015Fabrizio Caccavello
 
Mobile learning Bologna - Tra html 5 e applicazioni native.
Mobile learning Bologna - Tra html 5 e applicazioni native.Mobile learning Bologna - Tra html 5 e applicazioni native.
Mobile learning Bologna - Tra html 5 e applicazioni native.Fabrizio Caccavello
 
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...Fabrizio Caccavello
 
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...Fabrizio Caccavello
 
ForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignFabrizio Caccavello
 
Applicazioni, web e strategie di territorio
Applicazioni, web e strategie di territorioApplicazioni, web e strategie di territorio
Applicazioni, web e strategie di territorioFabrizio Caccavello
 
Webapp HTML5/CSS3 nelle strategie di territorio
Webapp HTML5/CSS3 nelle strategie di territorioWebapp HTML5/CSS3 nelle strategie di territorio
Webapp HTML5/CSS3 nelle strategie di territorioFabrizio Caccavello
 
Applicazioni web e web design responsive - SMAU Bologna 2013
Applicazioni web e web design responsive - SMAU Bologna 2013Applicazioni web e web design responsive - SMAU Bologna 2013
Applicazioni web e web design responsive - SMAU Bologna 2013Fabrizio Caccavello
 
Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Fabrizio Caccavello
 
Applicazioni web e web design responsive
Applicazioni web e web design responsiveApplicazioni web e web design responsive
Applicazioni web e web design responsiveFabrizio Caccavello
 
Marketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleMarketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleFabrizio Caccavello
 
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...Fabrizio Caccavello
 
La filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingLa filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingFabrizio Caccavello
 
Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Fabrizio Caccavello
 

More from Fabrizio Caccavello (20)

Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiNon esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
 
Non esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiNon esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tutti
 
Accessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewAccessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overview
 
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
 
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
 
I siti web della PA per dispositivi mobili - ForumPA 2015
I siti web della PA per dispositivi mobili - ForumPA 2015I siti web della PA per dispositivi mobili - ForumPA 2015
I siti web della PA per dispositivi mobili - ForumPA 2015
 
Mobile learning Bologna - Tra html 5 e applicazioni native.
Mobile learning Bologna - Tra html 5 e applicazioni native.Mobile learning Bologna - Tra html 5 e applicazioni native.
Mobile learning Bologna - Tra html 5 e applicazioni native.
 
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
 
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
 
ForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive Design
 
Applicazioni, web e strategie di territorio
Applicazioni, web e strategie di territorioApplicazioni, web e strategie di territorio
Applicazioni, web e strategie di territorio
 
Webapp HTML5/CSS3 nelle strategie di territorio
Webapp HTML5/CSS3 nelle strategie di territorioWebapp HTML5/CSS3 nelle strategie di territorio
Webapp HTML5/CSS3 nelle strategie di territorio
 
Applicazioni web e web design responsive - SMAU Bologna 2013
Applicazioni web e web design responsive - SMAU Bologna 2013Applicazioni web e web design responsive - SMAU Bologna 2013
Applicazioni web e web design responsive - SMAU Bologna 2013
 
Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013
 
Applicazioni web e web design responsive
Applicazioni web e web design responsiveApplicazioni web e web design responsive
Applicazioni web e web design responsive
 
Marketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleMarketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionale
 
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
 
La filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingLa filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketing
 
Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)
 
Le aziende verso facebook
Le aziende verso facebookLe aziende verso facebook
Le aziende verso facebook
 

Semplicità: accessibilità business oriented

  • 1. Semplicità: accessibilità business oriented Fabrizio Caccavello IWA member Autore www.webaccessibile.org Akebia project manager
  • 2.
  • 3. Cos’è IWA/HWG Network: http://www. iwa .it - http:// webaccessibile .org - http ://www. itlists .org - http://blog.iwa.it - http://www. skillprofiles . eu Contatti: comunicazione @ iwa .it Partecipazioni e Attività
  • 4. ACCESSIBILIT À Il consorzio internazionale che si occupa di definire gli standard per il web e le linee guida per l'accessibilità Web Content Accessibility Guidelines (WCAG)
  • 5. Le presenti linee guida spiegano come rendere contenuti Web accessibili a persone disabili . Le linee guida sono pensate sia per gli sviluppatori di contenuti Web (autori di pagine Web e creatori di siti Web) sia per gli sviluppatori di strumenti di authoring. L'obiettivo principale di queste linee guida consiste nel promuovere l'accessibilità. Seguendole, si otterrà il risultato di rendere i contenuti Web più facilmente fruibili da tutti gli utenti , a prescindere dal... Web Content Accessibility Guidelines (WCAG-1) 1999 Questo è l'abstract delle WCAG-1
  • 6.
  • 7. Le presenti linee guida spiegano come rendere contenuti Web accessibili a persone disabili . Le linee guida sono pensate sia per gli sviluppatori di contenuti Web (autori di pagine Web e creatori di siti Web) sia per gli sviluppatori di strumenti di authoring. L'obiettivo principale di queste linee guida consiste nel promuovere l'accessibilità. Seguendole, si otterrà il risultato di rendere i contenuti Web più facilmente fruibili da tutti gli utenti , a prescindere dal... Web Content Accessibility Guidelines (WCAG-1) 1999 Per molto tempo l'abstract è stato visto così:
  • 8. Ma le persone che possono beneficiare di un progetto accessibile quante sono? Chi è il destinatario dell'accessibilità? Pensiero comune: sul web i diversamente abili, o comunque coloro che hanno qualche difficoltà nella navigazione sono molto pochi. Ma sarà vero?
  • 9. Statistica recente per il Regno Unito Ma l'accessibilità si rivolge soltanto a queste categorie?
  • 10.
  • 11. Le presenti linee guida spiegano come rendere contenuti Web accessibili a persone disabili . Le linee guida sono pensate sia per gli sviluppatori di contenuti Web (autori di pagine Web e creatori di siti Web) sia per gli sviluppatori di strumenti di authoring. L'obiettivo principale di queste linee guida consiste nel promuovere l'accessibilità. Seguendole, si otterrà il risultato di rendere i contenuti Web più facilmente fruibili da tutti gli utenti, a prescindere... Web Content Accessibility Guidelines (WCAG-1) 1999 Delle linee guida WCAG-1 del 1999 dovremmo evidenziare un'altra parte
  • 12.
  • 13. L'accessibilità non è soltanto una questione di codice ma anche di contenuti, layout, strategie, ecc. SEMPLICIT À Aggiungiamo un altro concetto:
  • 14. SEMPLICIT À La semplicità è togliere il superfluo e aggiungere ciò che serve E = mc 2
  • 15. SEMPLICIT À La semplicità è togliere il superfluo e aggiungere ciò che serve
  • 16. SEMPLICIT À La semplicità è togliere il superfluo e aggiungere ciò che serve
  • 17. Al di là del codice e degli standard la semplicità deve essere nella testa dello sviluppatore. In questa piattaforma di home-banking di una nota banca dopo il login c'è in evidenza il pulsante per la richiesta saldo, e questo può sembrare giusto.
  • 18. Il pulsante però apre un sottomenù inutile perché è composto da soli due menù. Inoltre è eseguito in javascript non accessibile La presenza della data e ora dell'ultimo login può disorientare facendo intuire che abbia un qualche significato ricordarsi e verificare tale dato
  • 19. Quando si clicca la richiesta di saldo l'applicazione, con una grafica non consona, avverte che si sarebbe dovuto prima scegliere un rapporto.
  • 20. Selezionando un rapporto si può scegliere l'unico rapporto disponibile, pertanto l'operazione è del tutto inutile. Al login si poteva già pre-selezionare quest'unica opzione.
  • 21. Inoltre il layout è realizzato con 3 frames e il messaggio di avviso (che invece sembra un messaggio d'errore) si riferisce a un frame diverso
  • 22. La non osservanza delle linee guida sull'accessibilità, la non corretta compilazione del codice sorgente, l'inosservanza delle più elementari norme sulla progettazione di un prodotto web professionale, la scarsa attenzione ai comportamenti della web application e la mancata semplificazione delle procedure da seguire (togliendo il superfluo) hanno prodotto: un cliente insoddisfatto e forse un cliente perso Anche se l'applicazione web fosse stata accessibile (ma abbiamo visto che non lo era neanche sommariamente) i comportamenti complessi per la maggior parte inutili la rendono comunque inaccessibile.
  • 23. La semplicità è togliere il superfluo e aggiungere ciò che serve. La homepage di firefox è un esempio positivo.
  • 24. La homepage di explorer no, perché al di là del codice (che comunque è inaccessibile) non rappresenta immediatamente il prodotto e le scritte “download” non conducono alle operazioni sperate.
  • 25. Ma ha ancora senso realizzare un sito alternativo accessibile?
  • 26. Un sito alternativo non ha senso, sopratutto se si è deciso di togliere i servizi: sul sito accessibile non si posso fare le ricariche!
  • 27. + } Attento studio delle dinamiche dei siti internet e delle web application Ricerca della semplicità in tutti i luoghi possibili: layout, comportamenti, contenuti, grafica. L'accessibilità non è soltanto una questione di codice ma anche di contenuti, layout, strategie, ecc. Rispetto degli standard del codice di programmazione (x)html – css – javascript – flash, ecc. Rispetto delle linee guida WCAG-1 WCAG-2 (in futuro)
  • 28.
  • 29. L'accessibilità non è (soltanto) una questione di etica, ma una scelta di trasparenza e di efficienza per la Pubblica Amministrazione e una grande opportunità di business per le aziende
  • 30. Grazie per l'attenzione Fabrizio Caccavello Member Project manager Quest'opera è stata rilasciata sotto la licenza Creative Commons Attribuzione-Non commerciale-Non opere derivate 3.0 Unported. Per leggere una copia della licenza visita il sito web http://creativecommons.org/licenses/by-nc-nd/3.0/ o spedisci una lettera a Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA. Diritti, marchi registrati e siti web riportati in immagini e url sono riservati e proprietà dei diretti interessati e relative aziende. IWA/HWG e l’associazione IWA Italy non sono direttamente o indirettamente responsabili dei contenuti riportati nel presente documento che sono ad esclusiva cura e responsabilità del relatore.