Cts Europa Il Web Ed I Suoi Utenti

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco

Roberto [email protected]

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco

Web: mittenti, destinatarie buone pratiche

•Accesso universale e qualità del Web•Progettare contenuti di qualità in conformità con le normative vigenti in Italia

CTS EUROPAPomigliano d'Arco

31 gen – 7 feb 2007

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco

Roberto Castaldor.ca s ta ld o @io l.it

1. Il W e b e d i suo i utenti

2. Buo ne p ra tiche e ra cco ma nd a z io ni

3. www.ctse uro p a .o rg

1. A rch ite ttura d e lle in fo rma z io ni

2. CM S

Parliamo di:

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Qualità– Pro g e tto– S ta nd a rd d e l W e b– Co nte nuti– A cce ss ib ilità– Usa b ilità

• Tro p p i p ro fe ss io nis ti ig no ra no q ue ste p ro b le ma tiche

Il Web di oggi

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Primato degli utenti

• Ch i lo d e ve p e rse g uire ?

• Es is to no o b b lig h i, re g o le ,

o p p o rtunità ?

Gli utenti… e poi?

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


I soggetti del Web… utenti a parte

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


La favola del Webmaster

La fa vo la d e l W e b ma ste r

è finita, se nz a lie to fine !

The webmaster

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• De ve sa p e r fa re :

– Co mp re nd e re p ia ni d i la vo ro e

p ro g e tti

– Imp le me nta re funz io na lità e re q uis iti

– Tra d urre sp e cifich e e re q uis iti in

"o g g e tti info rma tic i"

– La vo ra re in te a m

Lo "sviluppatore" Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• De ve co no sce re :

– Esig e nz e d e g li ute nti e p ro g e tta z io ne

unive rsa le

– S ta nd a rd d e l W e b

– Ra cco ma nd a z io ni e b uo ne p ra tiche

– "Buo n se nso "

Lo "sviluppatore" Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• De ve sa p e r fa re :

– Pro g e tta re co nte nuti W e b

• Te sto , imma g ini, a ud io , vid e o

– G e stire a p p lica tivi CM S

– La vo ra re in te a m

Il "redattore" Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• De ve co no sce re :

– Esig e nz e d e g li ute nti e p ro g e tta z io ne

unive rsa le

– S ta nd a rd d e l W e b (le b a s i)

– S crittura sul W e b

– "Buo n se nso "

Il "redattore" Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Pa rlia mo d i:

2. Utenti e convenzioni


4. N o rma tive

Le regole del Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Gli utenti del Web

"La potenza del web e' la sua universalità. L'accesso a chiunque indipendentemente dalla disabilità e' un aspetto essenziale” (Tim Berners Lee - Di r ettor e d el W3C , i n v en tor e d e l Web )

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• International Classification of Impairments,

Disabilities and Handicaps (ICIDH, OMS 1980)

– Menomazione (Impairme nt): Q ua ls ia s i p e rd ita o a no rma lità a

ca rico d i una s truttura o una funz io ne p s ico lo g ica , fis io lo g ica ,

a na to mica

– Disabilità: Limita z io ne o p e rd ita (co nse g ue nte a me no ma z io ne )

d e lla ca p a cità d i co mp ie re una a ttività ne l mo d o e ne ll’a mp ie z z a

co ns id e ra ti no rma li

– Handicap: Co nd iz io ne d i sva nta g g io co nse g ue nte a una

me no ma z io ne o a una d isa b ilità che limita o imp e d isce

l’a d e mp ime nto d e l ruo lo “no rma le” p e r ta le so g g e tto .

I disabili: gli altri siamo noi…

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


ICIDH, 1980

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


ICIDH, 1980

• Legge 104/ 92 - A rt. 3 :

“ E’ p e rso na h a nd ica p p a ta co lui che

p re se nta una mino ra z io ne fis ica , p s ich ica

o se nso ria le , s ta b iliz z a ta o p ro g re ss iva ,

ch e è ca usa d i d iffico ltà d i

a p p re nd ime nto , d i re la z io ne o d i

inte g ra z io ne la vo ra tiva e ta le d a

d e te rmina re un p ro ce sso d i sva nta g g io

so cia le o d i e ma rg ina z io ne”

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


ICF, 2001

• International Classification of Functioning, Disability and Health

(ICF, 2001)

Condizione di salute(disturbo / malattia)

Funzione e struttura corporea

(Menomazione)

Partecipazione

(Restrizione)Attività

(Limitazione)

Fattori Ambientali Fattori Personali

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


ICF, 2001

Il Modello ICF è:

Universale Co ntinuum fra sa lute e d isa b ilità

Inte re ssa tutti

Integrativo Co mp re nd e fa tto ri b io lo g ic i, p s ico lo g ic i e so c ia li

Interattivo Co mp le sso , inte ra z io ni multip le fra le p e rso ne , la

lo ro sa lute e il lo ro a mb ie nte

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• “Q ua lunq ue p e rso na in q ua lunq ue

mo me nto d e lla vita p uò a ve re una

co nd iz io ne d i sa lute che in un

a mb ie nte s fa vo re vo le d ive nta

d isa b ilità” (Matilde Leonardi - O MS - Re spo nsab ile de l Pro g e tto ICF

in Italia)

I disabili: gli altri siamo noi…

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Cos’è l’accessibilità

• Sito Accessibile :

– A mb ie nte multime d ia le il cui co nte nuto

info rma tivo , no nch é le re la tive

p ro ce d ure d i inte ra z io ne e

na vig a z io ne , so no fruib ili d a

qualunque tipologia d i ute nti

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco

Le tecnologie assistiveCome i disabili usano il Web, e non solo il Web…

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Tecnologie assistive

• Pe r a lcune tip o lo g ie d i d isa b ilità

e s is to no le co s id d e tte “tecnologie

assistive” p e r utiliz z a re g li

s trume nti ca ra tte ris tic i d e lla

Info rma tio n Te chno lo g y , p e rso na l

co mp ute r in p rimis

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Effe ttua no una conversione “ e q uiva le nte ”

d e ll’info rma z io ne d a un o rg a no d i se nso a d un

a ltro

– d a lla vista (sche rmo d e l PC ) a l ta tto

(Ba rra Bra ille p e r no n ve d e nti)

– d a lla vista (sche rmo d e l PC ) a ll’ud ito

(s inte s i vo ca le p e r no n ve d e nti)

– d a ll’ud ito (a ud io ) a lla vista (d o cume nti te stua li)

(rico no scito re vo ca le p e r d isa b ili mo to ri e no n ud e nti)


IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Co nse nto no un d ive rso mo d o d i

utiliz z a re ta luni d isp o s itiv i, a d e se mp io :

– Mouse sp e cia li

(p e r d isa b ili mo to ri e a ltre d isa b ilità )

– Tastiere sp e cia li

(p e r d isa b ili mo to ri e a ltre d isa b ilità )


IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



http://www.olografix.org/gubi/smau/ausili/19.jpg



IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



HeadMouse

MouseMover

No Hands Mouse

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Tecnologie assistive software

• S o ftwa re ch e co nse nto no d i

so p p e rire in p a rte a me no ma z io ni

g ra vi d i una fa co ltà se nso ria le , a d

e se mp io :

– Ing ra nd ito ri d e l te s to sullo sche rmo d e l

PC (p e r g li ip o ve d e nti)

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



• Pe r mo lte d isa b ilità non sono disponibili te cno lo g ie a s s is tive sp e cifich e

• In q ue sti ca s i l’a us ilio è g a ra ntito d a p a rtico la ri accorgimenti tecnici (co nfig ura z io ni p a rtico la ri d e lla s ta z io ne d i la vo ro ) e redazionali ne lla re a liz z a z io ne d e lle p a g ine d e l s ito W e b …

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• A lcuni e se mp i:

– Ute nti ch e h a nno d iffico ltà ne lla percezione

dei colori• http:/ / www.toledo-bend.com/ colorblind/ Ishihara.html

– Ute nti a ffe tti d a epilessie fo to se ns ib ili

– Ute nti co n difficoltà cognitive

• Ess i p o sso no a nch e tro va re a us ilio d a a lcune

te cno lo g ie a ss is tive


http://www.toledo-bend.com/colorblind/Ishihara.html

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



• Da no n tra scura re le d iffico ltà ne lla

fruiz io ne d e l W e b d a p a rte d i…

– Ute nti ch e d isp o ng o no d i tecnologie

non modernissime

– Ute nti co n sca rsa alfabetizzazione

info rma tica

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Le va ria b ili in g io co so no ta ntis s ime :

– De fin iz io ne d e lle mo d a lità d i v isua liz z a z io ne

– Tip o d i b ro wse r utiliz z a to

– Pe rso na liz z a z io ne d e lle ca ra tte ris tich e d e l b ro wse r:

g e s tio ne d e lle imma g in i, d e lla s icure z z a e d e lla

p riva cy

– Pre se nz a / a s se nz a d e lle p e rife rich e a ud io

– Pre se nz a / a s se nz a d i d e te rmina ti p lug -in e lo ro

p o ss ib ilità d i sca rica me nto d a l W e b

Configurazioni Particolari

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Progettare per TUTTILa progettazione universale come soluzione alle esigenze di tutti gli utenti del Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Progettazione universale

Uo moCo mp ute r

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Progettazione universaleEffetto Spioncino (Peephole)

• Le fasi umane non sono portate a termine compiutamente

• L’utente ha solo una finestra piccolissima sul “mondo” che il PC sta proponendo in quell’istante

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Una ma p p a co g nitiva è una cartina

mentale d i una z o na

d e ll'e sp e rie nz a

• Co ntie ne g li o g g e tti, la co no sce nz a

d e l lo ro uso e funz io ne , la

d is lo ca z io ne a sso luta e re c ip ro ca ,

e d a ltro a nco ra …

Le mappe cognitive

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• S i fo rma no in tre fa s i

– A p p re nd ime nto d i s ing o li "o g g e tti

cultura li"

– Prime re la z io ni tra g rup p i d i o g g e tti

– Inte g ra z io ne co mp le ta fra g li o g g e tti

Le mappe cognitive

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Ta lvo lta so no d i d iffic ile co struz io ne

• E' sp e sso d iffic ile cre a rne diverse e

paralle le su o g g e tti a na lo g h i ma

no n ug ua li

• E' se mp re d iffic ile modificarle

Le mappe cognitive

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Nuove mappe cognitive? No, grazie!

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Co nve nz io ni

– M a p p e me nta li co muni a tutti g li ute nti

– A b itud ini co nso lid a te

• Biso g na co no sce re co me g li ute nti

usa no il W e b

Mappe cognitive sul Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Co me s i id e ntifica un link su una

p a g ina ?– La so tto line a tura d e l link è una d e lle

co nve nz io ni p iù d iffuse– I link no n so tto line a ti p o sso no e sse re

mo lto difficili d a ind ivid ua re

• Ese mpio W3 C-WAI Ho me pag e

Esempio: i link

http://www.w3.org/wai

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Co lp o d 'o cch io

• S ca ns io ne d e lla p a g ina

• Diffico ltà e le nte z z a ne lla le ttura

Come si naviga il Web?

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Il colpo d’occhio

• E' la mo d a lità d i a p p ro cc io p iù

is tintiva a p a g ine no n co no sciute

• L’info rma z io ne vis iva d i una pagina nel suo insieme d à la p e rce z io ne

d e i co nte nuti e d e lla p re se nz a o

me no d i p a rtico la ri a rg o me nti

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• S ul W e b il te s to no n vie ne le tto p a ro la

p e r p a ro la , ma scansito ce rca nd o d i

rica va re il s ig nifica to d e ll’inte ra fra se d a

a lcune p a ro le in e ssa co nte nute

– E’ la te cn ica d i le ttura p re fe rita d a l 7 9 %

d e g li ute nti

Scansione del testo

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Utiliz z a re le inte sta z io ni co me

fo sse ro microcontenuti (micro -

a b stra ct)

• S ud d ivid e re il te s to in paragrafi

– E’ il paragrafo, no n il ca p ito lo l’unità

d i misura d i un te s to sul W e b

Scansione del testo: facilitarla

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Visua liz z a re , se p o ss ib ile , in mo d o

tip o g ra fica me nte d ive rso d a lle a ltre le

parole significative in un p a ra g ra fo– Ta nte p a ro le s ig nifica tive d ive nta no inutili:

tante = nessuna– La ca ra tte riz z a z io ne tip o g ra fica d e ve e sse re

d ive rsa d a q ue lla utiliz z a ta p e r ra p p re se nta re a ltri e le me nti s truttura li q ua li inte sta z io ni e link


IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• S crive re p e r liste

• Schematizzare co me re g o la

fo nd a me nta le p e r la cre a z io ne d i

co nte nuti p e r il W e b


IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• S o ftwa re in g ra d o d i “ le g g e re ” il co nte nuto

te stua le d i una p a g ina W e b e d i re nd e rlo

tra mite s inte s i vo ca le

• E’ utiliz z a to d a i c ie ch i e d a g li ip o ve d e nti

• Tra i p iù d iffus i

– JAWS d i Fre e d o m S c ie ntific

– W ind o ws Ey e s d i G W M icro

– HA L d i Do lp h in Co mp ute r A cce ss

Lo screen reader

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Co nse nte d i:• S p o sta rs i tra i va ri e le me nti co stitue nti

una p a g ina : p a ro le , line e , p a ra g ra fi• Le g g e re i so li elementi h (inte s ta z io ni),

ind ica nd o ne la g e ra rch ia• S a lta re tra le va rie tabelle d e lla p a g ina• S a lta re tra le va ri moduli d e lla p a g ina• Le g g e re le liste ind ica nd o g li e ve ntua li

live lli

Lo screen reader

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Lo screen reader

• E’ in g ra d o d i utiliz z a re l’info rma z io ne

co nte nuta in a lcuni a ttrib uti d e g li

e le me nti HTM L, a d e se mp io : alt,

summary, title

• Co nse nte a ll’ute nte d i g e s tire se g na lib ri

cre a ti a d h o c a ll’inte rno d e lla p a g ina

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Lo screen reader

• Q ue ste ca ra tte ris tiche a iuta no a fa r

p e rce p ire a ll'ute nte un 'senso di controllo' su c iò ch e s ta a cca d e nd o

– E’ uno d e g li a sp e tti p iù imp o rta nti

ma a nche p iù tra scura ti

d e ll'e rg o no mia d i un s ito

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Lo screen reader

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Lo screen reader

Esempio Yahoo

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• La Piramide Invertita:– Co mincia re d a lla co nclus io ne p e r sce nd e re

ve rso ma g g io ri d e tta g li

• N o n se g uire no n p iù la s truttura z io ne c la s s ica d e l te s to - introduzione esposizione argomentazione conclusione– L’ute nte , p o te nd o se le z io na re i so li e le me nti

h p re se nti in una p a g ina , p uò fa rs i un’id e a g e ne ra le d e i co nte nuti

Soluzioni redazionali

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• S ud d ivid e re il te s to in paragrafi• S ul we b s i le g g e mo lto me no te sto d i

q ua nto p uò e sse re mo stra to ne lla p a g ina d i un lib ro

• A nche ch i a sco lta h a un p ro b le ma a na lo g o p e rché una p a g ina W e b ha una o rg a niz z a z io ne d ive rsa d a lla p a g ina d i un lib ro


IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



• Il p a ra g ra fo va co nce p ito co me un

elemento autonomo, breve

• Vis iva me nte è se p a ra to d a g li a ltri

p a ra g ra fi d a una rig a d i a mp ie z z a

ma g g io re d e ll’inte rline a d e l p a ra g ra fo

s te sso

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



• Do vre b b e se mp re te rmina re co n il punto p e rch é lo scre e n re a d e r è in g ra d o d i mo d ula re il p a rla to in b a se a lla p unte g g ia tura

• La sud d ivis io ne in p a ra g ra fi “ scansiona” vis iva me nte il te s to e co nse nte a g li ute nti d i d e cid e re se le g g e re o e ve ntua lme nte sa lta re a l p a ra g ra fo succe ss ivo

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Soluzioni redazionali: liste

• Usa re le liste p e r ra g g rup p a re lo g ica me nte e le me nti info rma tivi– Le lis te a iuta no la le g g ib ilità e la

co mp re ns io ne

– Ch ia risco no la se q ue nz a e la re la z io ne tra le id e e e i fa tti e sp o sti ne l te sto

– Co nse nto no d i no n utiliz z a re fra s i sub o rd ina te che p o sso no e sse re d i d iffic ile co mp re ns io ne

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



• Elenchi numerati:– Q ua nd o c’è una p rio rità d e lle vo ci, d a lla p iù

imp o rta nte a lla me no imp o rta nte , q ua nd o s i p re se nta no una se rie d i p a ss i d a e se g uire in succe ss io ne o una se rie d i is truz io ni.

• S i usa no elenchi non numerati ne g li a ltri ca s i

• G li scre e n re a d e r g e stisco no in ma nie ra e g re g ia le lis te , ind ica nd o il nume ro d i e le me nti e la lo ro e ve ntua le ind e nta z io ne

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• La lis ta d e ve e sse re e la b o ra ta se co nd o il p rinc ip io d e l Paralle lismo:– Pa ra lle lismo ne l contenuto: tutte le vo ci

d e vo no e sse re o mo g e ne e , rife rirs i c io è a lla s te s sa c la sse d i info rma z io ni o d i d a ti

– Pa ra lle lismo grammaticale : o tutti so sta ntivi o tutti ve rb i, o tutti co n l’a rtico lo o tutti se nz a

– Pa ra lle lismo visivo: tutte le vo ci d e lla lis ta d e vo no e sse re intro d o tte d a llo s te sso s imb o lo g ra fico e d e sse re d i lung h e z z a a b b a sta nz a s imile


IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



• La fra se che intro d uce la lis ta te rmina se mp re co n i d ue p unti

• S ug g e rime nti:– N o n me tte re nulla q ua nd o la vo ce d i una

lis ta è fa tta d i una so la o a l ma ss imo d ue p a ro le ;

– M e tte re il p unto e virg o la q ua nd o la fra se è p iù lung a , ma no n co ntie ne p unti fe rmi a l suo inte rno ;

– M e tte re il p unto q ua nd o la vo ce è un p a ra g ra fo a sé , co n p unti fe rmi a l suo inte rno ;

• In que sto caso tutte le vo ci si co ncludo no co n un punto , pe rché il paralle lismo do vre bbe vale re anche pe r la punte gg iatura

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



Le vo c i d i una lis ta vo g lio no l’in iz ia le …

• Minuscola se , d a un p unto d i vis ta

g ra mma tica le , so no una co ntinua z io ne

d e lla fra se intro d uttiva p rincip a le

• Maiuscola se so no e sp re ss io ni

g ra mma tica lme nte ind ip e nd e nti

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



• Le lis te p o sso no a ve re più livelli

• In g e ne re d ue live lli d o vre b b e ro b a sta re

– Più d i d ue p o tre b b e ro cre a re

confusione e va nifica re il p rincip a le

o b ie ttivo d i una lis ta e c io è la

ch ia re z z a

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Id e ntifica re co n ch ia re z z a la d e stina z io ne d i o g ni co lle g a me nto– Q ua nd o cre ia mo un co lle g a me nto

ip e rte s tua le (link) è ne ce ssa rio ch e il te s to d e l co lle g a me nto a b b ia un se nso

– Il se nso d e ve e sse re ma nte nuto a nch e se la p a ro la vie ne “ d e co nte stua liz z a ta ”

Soluzioni redazionali: link

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



Collegamento troppo lungo

"Clicca qui" è inadatto a chi usa la tastiera

Soluzione accettabile

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco



Attributo "title": descrive la pagina di destinazione

Attributo "title": descrive la tipologia di file che si sta per scaricare

Attributo "title": informa che si aprirà una nuova finestra

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Da re informazione equivalente

utiliz z a nd o g li a ttrib uti:

– alt d e scriz io ne e q uiva le nte d e l

co nte nuto d e ll’imma g ine o d e l te s to in

e ssa p re se nte

Soluzioni redazionali: immagini

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Soluzioni redazionali: immagini ed alternative text

Luciano Moggi stanco dopo avere assittito ad un'estenutante partita delle sua JuveLuciano Moggi abbandona il campo dopo essere stato espulso dall’arbitro.

Il ghigno di Luciano Moggi dopo aver parlato al cellulare con un “cliente”

Luciano Moggi vede ombre all’orizzonte

Luciano Moggi dopo aver parlato a lungo con il proprio avvocato

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Te sto no n p e rtine nte e p o co e sp lica tivo

• Te sto tro p p o lung o– Pro b le mi d i usa b ilita ’ e o ve rlo a d ing

a custico

• Te sto rid o nd a nte– Imma g ini e sc lus iva me nte d e co ra tive

• Te sto e rra to

Soluzioni redazionali: immagini ed errori

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Soluzioni redazionali: il linguaggio

• Usa re il ling ua g g io p iù se mp lice e

ch ia ro p o ss ib ile , co mp a tib ilme nte

co n il co nte nuto d e l s ito

– N o fra s i inutilme nte lung h e

– N o ling ua g g io tro p p o b uro cra tico

– N o ling ua g g io inutilme nte g e rg a le

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Investor relations

2 8 a g o sto 2 0 0 3 | 1 3 :4 4

First Half 2003 Financial Results

M e rco le d ì 3 se tte mb re 2 0 0 3 a lle o re 1 4 .3 0 (CET) 1 3 .3 0 (UK Time ) il G rup p o Te le co m Ita lia illus tre rà i risulta ti d e l p rimo

se me stre d i q ue sto a nno - a p p ro va ti d a l Co ns ig lio d i

A mministra z io ne in d a ta 2 se tte mb re - ne l co rso d i una

conference call.

Pa rte c ip e ra nno M a rco Tro nch e tti Pro ve ra , Pre s id e nte , Ca rlo

Buo ra , A mministra to re d e le g a to , e Ricca rd o Rug g ie ro ,

A mministra to re De le g a to d i Wireline .

S a rà p o ss ib ile a sco lta re l'audio-streaming e sca rica re le slides d i

p re se nta z io ne co lle g a nd o s i a q ue sto s ito .

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Relazioni con gli investitori

2 8 a g o sto 2 0 0 3 | 1 3 :4 4

Risultati finanziari del primo semestre 2003

M e rco le d ì 3 se tte mb re 2 0 0 3 a lle 1 4 .3 0 ora di Roma (1 3 .3 0 ora di Londra) il G rup p o Te le co m Ita lia illustre rà i risulta ti d e l p rimo se me stre d i q ue sto a nno - a p p ro va ti d a l Co ns ig lio d i A mministra z io ne in d a ta 2 se tte mb re - ne l co rso d i una convocazione d'assemblea.

Pa rte c ip e ra nno M a rco Tro nch e tti Pro ve ra , Pre s id e nte , Ca rlo Buo ra , A mministra to re d e le g a to , e Ricca rd o Rug g ie ro , A mministra to re De le g a to d i W ire line .

S a rà p o ss ib ile a sco lta re l'audio dell'assemblea e sca rica re sul p ro p rio co mp ute r d e lle pagine di presentazione co lle g a nd o si a q ue sto s ito .

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Testo originale

Q ua lo ra d a l co ntro llo d o ve sse e me rg e re la no n ve rid ic ità d e l

co nte nuto d e lla d ich ia ra z io ne , il d ich ia ra nte d e ca d e d a i

b e ne fic i co nse g uiti sulla b a se d e lla d ich ia ra z io ne no n

ve ritie ra , fe rmo re sta nd o q ua nto p re vis to d a ll'a rt. 2 6 d e lla

le g g e 4 g e nna io 1 9 6 8 , n. 1 5 , in ma te ria d i sa nz io ni p e na li.

Reso più accessibile

Ch i rila sc ia una d ich ia ra z io ne fa lsa , a nch e in p a rte , p e rd e i

b e ne fic i d e scritti e sub isce sa nz io ni p e na li* .

* A rtico lo 2 6 , le g g e n. 1 5 d e l 4 .1 .6 8

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Testo originale

Tali posizioni sono da identificare non tanto in diritti irrefragabili,

il cui esercizio prescinde dall'adozione di atti permissivi

dell'Amministrazione, ma in situazioni giuridiche suscettibili di

trasformazione a seguito di atti di tipo suindicato

Reso più accessibile

I cittadini che vogliono iniziare un'attività devono chiedere

un'autorizzazione alle amministrazioni competenti

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Ria ssume mo lti sp unti p ro p o sti o g g i:

– A p p ro ccio b a sa to sull'osservazione dei

fenomeni co n rife rime nti co sta nti a lla

s itua z io ne d e fa cto p re se nte in Re te

– Rice rca d e l migliore compromesso p o ss ib ile

in vis ta d e l ra g g iung ime nto d e i p ro p ri

o b ie ttivi

Il paradigma di Krug

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Usa nd o il W e b , ogni dubbio aumenta il

carico cognitivo, d is tra e nd o la no stra

a tte nz io ne d a q ua nto s tia mo fa ce nd o

• Le d is tra z io ni p o sso no e sse re lie vi ma

una si somma all'altra, e ta lvo lta b a s ta

p o co p e r co nfo nd e rci

1° legge di Krug: Don't make me think!

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• N o n imp o rta ta nto q ua nti c lick

ve ng o no rich ie sti a ll'ute nte

• Ba sta che sce g lie re d o ve fa r c lic

no n rich ie d a tro p p o imp e g no

2° legge di Krug:Tanti clic, ma facili

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• S b a ra z z a ti d i metà d e lle p a ro le d i

o g ni te s to ca rta ce o , e p o i

sb a ra z z a ti d e lla metà d i q ue llo che

re sta

• A b b a tte re i "falsi contenuti"

3° legge di Krug:Parole = - 50% - 50%

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Pa rlia mo d i:

2. Il W e b e d i suo i ute nti

3. Buone pratiche e raccomandazioni

4. N o rma tive

Le regole sul Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• O rg a nismo tra nsna z io na le p e r lo

svilup p o d e l W e b www.w3 .o rg – www.w3 c.it

Mission: concretizzare le

potenzialità del Web

http://www.w3.org/

http://www.w3c.it/

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• E' l'a na lo g o d e ll'O N U

• N o n e me tte le g g i o s ta nd a rd d e

jure

• Ema na "raccomandazioni"

– Tutti i ling ua g g i utiliz z a ti sul W e b

h a nno a vuto vita g ra z ie a l W 3 C

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


W3C = Standard de facto

• O rg a niz z a to in g rup p i d i la vo ro

– Te le co nfe re nz e se ttima na li

– Inco ntri fa ce 2 fa ce tri-q ua d rime stra li

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• IWA/HWG è un’Associazione professionale no profit riconosciuta leader mondiale nella fornitura dei principi e delle certificazioni di formazione per i professionisti della Rete Internet; è presente in 100 paesi, con 130 sedi ufficiali in rappresentanza di più di 165.000 associati.

• La sua missione:– Fornire programmi formativi di qualità– Fornire agli associati supporto e collaborazione a livello regionale,

nazionale e internazionale, nonché un marchio di affiliazione riconosciuto a livello mondiale

– Promuovere i principi universali di etica e di pratica professionale per tutti i professionisti della Rete Internet

– Fornire supporto per la definizione e lo studio di normative nei Paesi in cui è presente

IWA/ HWG

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Pa rte cip a z io ni e d a ttività :

Network:• http ://www.iwa .it - http:/ / www.webaccessibile .org -

h ttp ://www.itlis ts.o rg

Contatti:• http ://www.iwa .it - http:/ / educational.iwa.it -

h ttp ://e d iz io ni.iwa .it

• fo rma z io ne @iwa .it

Cos’è IWA/ HWG

http://www.iwa.it

http://www.webaccessibile.org

http://www.itlists.org

http://www.iwa.it

http://educational.iwa.it

http://edizioni.iwa.it

mailto:[email protected]

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Pa rlia mo d i:

2. Il W e b e d i suo i ute nti


4. Normative

Le regole sul Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• “Dispo siz io ni pe r favo rire l'acce sso de i so g g e tti d isab ili ag li strume nti info rmatici”– A p p ro va ta : 1 7 d ice mb re 2 0 0 3– Firma d e l P.d .R.: 9 g e nna io 2 0 0 4– G .U.: n. 1 3 d e l 1 7 g e nna io 2 0 0 4– In vig o re : 1 fe b b ra io 2 0 0 4

Legge Stanca 4/ 2004

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


1. Tutti i s iti che re a liz z a ti, o rinno va ti, in futuro d a lle

pubbliche amministrazioni d o vra nno risp e tta re d e i

requisiti di accessibilità

– Pe r i p riva ti il p ro vve d ime nto no n g e ne ra un o b b lig o

d i a cce ss ib ilità p e r i s iti inte rne t, ma è fa tto re d i

s timo lo a p ro muo ve re l’a cce ss ib ilità d e i lo ro s iti

2. Tutti i libri di testo delle scuole , o ve p o ssib ile ,

sa ra nno re s i d isp o nib ili in fo rma ti le g g ib ili a l

co mp ute r d a no n ve d e nti o ip o ve d e nti o co n a ltre

d isa b ilità

Legge Stanca, le innovazioni

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Il s ito W e b d e l CTS Euro p a è

"rag io ne vo lme nte " co nfo rme a i 2 2

re q uis iti te cnic i p re vis ti d a lla

no rma tiva

• Ce rch ia mo d i ma nte ne re e le va to il

suo live llo q ua lita tivo !

Legge Stanca, CTS Europa

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


Da non dimenticareI passi da applicare SEMPRE nel progetto di contenuti per il Web

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• M s W o rd

– Pro g e tta re e s truttura re

a d e g ua ta me nte co nte nuti te s tua li p e r il

W e b

– G e ra rch ia e d inte sta z io ni

• Pira mid e inve rtita

– S tili d i W o rd

• M ig lio re e sp o rta z io ne PDF

Documenti & struttura

http://images.google.it/imgres?imgurl=http://upload.wikimedia.org/wikipedia/sq/0/07/Winword_2003.png&imgrefurl=http://sq.wikipedia.org/wiki/Category:Internet:Logo&h=64&w=64&sz=5&hl=it&start=7&um=1&tbnid=pKVvsU8DhHsBbM:&tbnh=64&tbnw=64&prev=/images%3Fq%3Dwinword%26svnum%3D10%26um%3D1%26hl%3Dit%26sa%3DN

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


1. S e rvo no d a vve ro ?

2. Limita re il lo ro PES O

• h ttp ://www.we b re s iz e r.co m/

3. Pre ve d e re a d e g ua te a lte rna tive

te s tua li

Immagini per il Web

http://www.webresizer.com/

IWA

Ita

ly -

Inte

rna

tiona

l Web

ma

ster

s A

sso

cia

tion

CTS

EU

RO

PA –

Po

mig

liano

d’A

rco


• Te sto b re ve e d e sp lica tivo

• Eve ntua le d e scriz io ne a g g iuntiva

– De stina z io ne d e l link e s te rno a l s ito

– Tip o e p e so d i d o cume nti d a sca rica re

Collegamenti ipertestuali

Cts Europa Il Web Ed I Suoi Utenti

Technology

Transcript of Cts Europa Il Web Ed I Suoi Utenti