SlideShare a Scribd company logo
1 of 19
HTML + CSS Usabilità e accessibilità dei siti web. LEZIONE 4 1/19
I siti web sono degliIPERTESTI, ovvero dei documenti di testo non lineari che consentono a chi legge di scegliere quale percorso di lettura seguire 2/19
Negli ipertesti le pagine sono collegate tra loro secondo associazioni di idee diverse, tramite link ipertestuali, e il lettore decide liberamente quali link seguire 3/19
Per questi motivi, la struttura ipertestuale, il sistema di navigazione e la veste grafica di un sito web sono fondamentali 4/19
Questi tre elementi costituisconol’INTERFACCIA di un sito web, ovvero l’insieme delle sue componenti che entrano in relazione con l’utente 5/19
Non tutti i link sono uguali: ,[object Object]
 Link topici (stessi argomenti, approfondimento)
 Link associativi (argomenti correlati)6/19
Architettura dell’informazionedefinisce la struttura dei contenuti e delle funzionalità di un sistema informatico ,[object Object]
 Etichetta i contenuti
 Definisce il sistema di navigazione
 Definisce i sistemi di ricerca7/19
Un sito web deve essere USABILE e ACCESSIBILE 8/19
L’usabilità di un prodotto secondo la norma ISO 9241:l’efficacia, l’efficienza e la soddisfazione con le quali può essere usato da determinati utenti per raggiungere determinati obiettivi in determinati contesti 9/19
In particolare: ,[object Object]
 Efficace (accuratezza e completezza)
 Efficienza (economicità, rapidità)
 Facilità di apprendimento e di ricordo
 Prevenzione degli errori

More Related Content

Similar to Html + CSS - Lezione 4

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
 

Similar to Html + CSS - Lezione 4 (20)

Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)
 
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
 
Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web. Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web.
 
Introduzione al corso accesso
Introduzione al corso accessoIntroduzione al corso accesso
Introduzione al corso accesso
 
Criterivalutazione2012bis
Criterivalutazione2012bisCriterivalutazione2012bis
Criterivalutazione2012bis
 
3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)
 
Architettura web
Architettura webArchitettura web
Architettura 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
 
Lezione 07/2006
Lezione 07/2006Lezione 07/2006
Lezione 07/2006
 
TYPO3 per la pubblica amministrazione
TYPO3 per la pubblica amministrazioneTYPO3 per la pubblica amministrazione
TYPO3 per la pubblica amministrazione
 
Ricercare nel web
Ricercare nel webRicercare nel web
Ricercare nel web
 
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
 
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
 
Progettazione Web PA
Progettazione Web PAProgettazione Web PA
Progettazione Web PA
 
Accessibilità dei siti web
Accessibilità dei siti webAccessibilità dei siti web
Accessibilità dei siti web
 
Elementi base per conoscere Internet
Elementi base per conoscere InternetElementi base per conoscere Internet
Elementi base per conoscere Internet
 
Esercizio1
Esercizio1Esercizio1
Esercizio1
 
Comunicazione digitale a norma nella Pubblica Amministrazione
Comunicazione digitale a norma nella Pubblica AmministrazioneComunicazione digitale a norma nella Pubblica Amministrazione
Comunicazione digitale a norma nella Pubblica Amministrazione
 
7 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/187 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/18
 

More from Vincenzo Caico (8)

Grafica bitmap
Grafica bitmapGrafica bitmap
Grafica bitmap
 
HTML + CSS - Lezione 3
HTML + CSS - Lezione 3HTML + CSS - Lezione 3
HTML + CSS - Lezione 3
 
Html + CSS - Lezione 2
Html + CSS - Lezione 2Html + CSS - Lezione 2
Html + CSS - Lezione 2
 
HTML + CSS - Lezione 1
HTML + CSS - Lezione 1HTML + CSS - Lezione 1
HTML + CSS - Lezione 1
 
Il linguaggio HTML
Il linguaggio HTMLIl linguaggio HTML
Il linguaggio HTML
 
10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione
 
Care_Cassandre Promo
Care_Cassandre PromoCare_Cassandre Promo
Care_Cassandre Promo
 
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) città
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) cittàAlcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) città
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) città
 

Recently uploaded

Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
lorenzodemidio01
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
giorgiadeascaniis59
 

Recently uploaded (19)

Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione Civica
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptx
 

Html + CSS - Lezione 4