voyants
ࡱ> [xyzf
'le;f>%jfifxxc ! "$" $ c x" p !1"aqvaq2u#34bt$%rb&escersu-!q1"aabrsq ?.!x*pdہ*)j wt\e5sk|q(te j 81!pl 13q1=wzfw#luۄp^9j
3un]ɘc`r0z|uml?6i4rj9.} ` jz sdd~7>3ing8 b{k=dݱџ~9mgߏ^ry ?{%%gݱ?f}cƈѫ߅^9q s=n6z)]t9qjid_] ujw eͯ%rmɔgm$`x.7ul͑pz. ebzlƄjgi}u6wr璷[qg]vng_a>t@ 0]p(ma.+8Ǒt(玷%fjhv>\ riƂ wl-q kbz#=|=|ehyk3y_j,y@zg:>af- bfr-qd|%d$:{" ۇ[?e>vuu4d]*1
}13nǐ/Ȼ*v%hjou^wllo=,a)Փ ߴǓo!n[ vu|h l7uf֤swb~v~}2pgz#ڧĎe?mɌtsva?fw_ȴ#n{кsf.s3-s$>u!*)#uj0{46v%% (b% m* dքx[.vbfhllr l,(p16xЩf[q[bkՊnbp
!p3_+(Ԟ% :wf5j==ٕ+m吕$5h*y6zral6r
n3{4ihܴ
ik9ٽo[5:u괽=sjg
͇+/Ɋw!v=q3uzkfrux0; n>v}m3?
ɩl!!r&$m!̩j#@4:vfmfn6yz$q~`y^l>e&jjs'd'w.`4]zۦ]jo y,a_y>| ^l~e&t4 &@s֤#:( =>lnhg_cӔx&\nvonj?732"5xƎۨgia*?9 6$)gozb3 d:]rq%+]j |v:@q> "vze knlg ɗm]2ybu䙝.tbӽ9f'cagh\(q#ais~ 0~}y$먉7-t}cbycfotq;3Ɋw&%s{;-o)h:_%;a*7kive(:yl.aj]ĺa
iqdgٱ "pߦlsl &q6ܻk[ )&)u5tn?r6(j}{\mnui]whcrnvd҄!bܣw҄d[)pf
[1ƊϪ.p3ljyhzv39i2k>۩%9ishj o:;xelα 2xazr/
u88rg9lur@-k=1.rssdv3r-jb0i4i h xwduu>%r i vz,jrrz"ِt tko(xb*x%˲bvz;$|%:o ؽkw 9뉔]y%]a[덉nx!eh!!!!!e*"2@}hvsrgpdsֶrk5vqȶi,-$gu3i%[jeĤy%hp㻼u b!it2ب-i pr
fƚcxlvaqו.px= %]1ٶ.*b4:%jg-rzc۬ikkaumv2o+p`!n$/s@3%[wp妋8r;['qmli2ȭkt*j[
sn;۔gh%"q"u{r sf 2\.zi l[̀9e ͍'d8'rnu%m6` 7ahb!!!!!!!!@farm.negz*$kd9et/luqgy kv vc(쑇)b*ch*{d 0f&]qwry*.)zt7snzcu*ar!by.ԥ4ic3@g-ff*3 i(ޘc
+m
qvpjahbz!@!@!@!@٠f ;nu^gd`/yjfifhhc ! "$" $ c " g !"1a#2qsuva$3rq4bwds%5tb&c'67dtruv8efgd!1aq"aq2rbb#3csrcs% ?4dm4dm4dm4dm4dm4dm4dm4ל 7 }zii5 })ڐb%0o_jqչ?a?:"馚"i"iuecp?hgh$y:kv1[>swny,sIJ*k{ޚi&ypm\:nj$] u>Ӫ:jh#9 zu$~ Ѭy0#\e:ظnwriutg3k6?=&hh1ee`jl:qs#|^5
ɿafzhʱqk
o s=nо.
7ihhwkcqr7dՅ 1ro a/ bkjf0a9kǐv㼞j6yz!1rqr=Χz
+e703?tm5+4m4֏tn#gea'vrc,k˰pèfc9ufblujp8?w:=kt_!4 'c^ ~w&i&k[1fh- (v9 }f1zjyk~Έiik[1t } xvr f?j'c{gt=9$1o= [ ~>um4m4m4m4m4m4m4m4m4mhs{nao9lgkrیɼ̕ڎip>w=gzqlv! 'n
9{8_ϴsh+g$qfuai|?fki$pl**hyׁx䏿 coٶ.rt[6%d1q"#{? q4nm{zbm{vs ;/ q h r^kڅju v쿉 ۴y!7ja#cxwep}{vz&x!ynap8;7mfemoj w b 8g'}ey|xrxhml-7jxula\vkfloo v@(zc?q6܍k :,(a-mq{`|p 8^k],
o c 3&uzh j !]cǿ:g큻7߷\zpvovvmf b p_ r-=凙4^xn/bcnj Ğx=(drbry g7/f s϶1zһf~缄9[e}$/v+'Ȼfv2e(b(h^i>ܟ@=}8-r6iq=frxnb?x$
ѝ~-f g#qjca5c21jag%}6z""scos{p?x}ar~8a~ ~=ڍ761cϴ5vqn/,kڕ, o kݵ\zmwyg28
@^g 8x z\hk}v ៷{릠ڊd:zaԛѡv8>~r~npw5olm 3*õڐk1b|&w~2im]_r'˫o_w/k7`se3y:xum\a>vv x9?re1-\;߇צn,gn~9 tdu-|zҵvdn6`~zkfx#5pxfЅk,,1' 1u`9ٿmw˫o_w/k&7i#y#ut`yo ue[;u-dx.e{ow2ܿxҵvdn6`~zkfx#50bqy|>]_r"u-|e,ow2ܿ˫o_^op7-3h0-d$ۢ,wipgf;x# #nś3ufg+e\u ;ztp ʊ? i$lmvo?3_ei35\f[=3yi5i3hp@''?[ xx?&f˒h fk/yzb4l%ѧor_"xkrtb=+1z_x:1gpʧՋ"i"i"if8
em33r9l/= ib5p(y exkdm4dm4dm4dm4dm4dm4dm4dm4du]glc#t"`צ'0f yj2v쿓lth[ߑkqªbΡva^we^hߑaұ;#c\]g3\8( ]tdr# ʧ %>owɗkw Ċy00ls=5 dⱇ#tk݈jd;u4zent`ࣸ e{sfhirt-r8[bkpİ#q8]qq
-
nh3
5 nmnq}8lԚy,a0b42Ԍwn'v ~n[ێݗkb"Ɍ5#%hr@cx,$ >x/g-2-irlj4wkɽp;|62ޱvׯbd
3l[)#,k# 'dvu2 ը[e2ĺdof_ou'w @ })lu_
g'9$xےԖ$mt
yn v ps
l풕939t4n#9;~my0coǎ|%7ed l: s!r!栻o ;2 ak1uy l/Ʋpq$-3mwd63xjqp*v (nمohpa y_ȯu\v"b{k ̶e),uu y!@n2ӡw2 jgwՇ[?ɲf5/oi7~_ ouo?6?wo̟$;l~?m4oi
}o?2|~d#ccual?٧l&s{mߗ's|yw' e)>kg6_na=bs̟$;l~>hwxx5/oi[?ɲfw 5^~d#cctgom4/op' gpߜ9ޟ$8w5_2f&vrgcyǺro^ le
s:ryap^wὦ&]6h
vo.֗0]Ӝty281\c rϷۑ&dfw ۫p? pec^֬$zko:oa{xh~&ozgh^',>p !zk,km܈" a5y}ݵ:6
pywn/mwt6)l w7bxcܪ~:/8ga ͏mwܦ3 nuh;n$,r2!~ 4 } !dor9i|c3}ػݬfv[>kf9,tז &k3o `oevb+no!j v(wx{{
b %/~p>{->Վ[2s~:xgun8ervm }}0=ӡ$͛bךчٛzc3:f]tp{y4[!fʼn 3j2 \#pa_ɳt۹xltnpmh{ $^>l'=1m붶-_$h$xďa mw5| ;qekzzrzװ \텡lo 9c+-=gj!nw`8{j;mk~6 d䇥k.q:o9t^xj-\ד!g8ɟޟuzk6ũloye[b4tzt %fej3qג9vcng uЯ.2s9pǑufn sqjj'!vh3hxikf uw^i[&i&i&i(3~(=("}>je7ox[=cv!
c g\t+z~o}lm̟'fǹq͠t4Ŧ@;d"m9&u6 ),xo}o][tګ+xignľ~^o/ ũs96q5jvl t]q; qwe9m{m ݜ6uc`݊x !t#e%,#iݤ8^ o?+kt8"3\ a*u;swg2e1hzwtef8=e4. g削v yk8g`tm4\sm4evmp~u{?ec-v57,czwp9'{5'
vobwopk+|+v_cǯw5'["*$h^x't ϶x1u1
v=z|ko>ogo/ e#^ 1wm f#wd!rʫہʖ![ _#?'o
wmy! va #ʼ;`=>>ky fܲ5 sϛ/ u\]m,x貗.q=vh3h=
1w2ed7u٫q&.)1tr5qveg,z>byc"ab.'q߯h[[ogu]㘱s
ˁ,dr9 \ag
ѹu+}-5k=ۻzuq Ѓ"mixvvv-^e8pc~=6ok [7 zj&9~ogo/ ixm_ɶc7
:vn,h9 mr{+{zjҏ)ak7g*glob+2e?
'v(kir?]nh/ u^gu"!x۽5r*?h?۬m5f4jis]4[(m4dm4dm4dz=鶠ovjj3u9!x:؊tgsa#
78~_ov&+`cdx*vfnyrrǏ3 ,:khrs$py,xcg `zyq8qy,$~pye:4n?*9mp w_rvеջ5lf"'#- \yn+> ۭqoptu'7vi-ns#>mņxt$"m r7rzxa/ykzc0rx fk%"!s}.ݻ9pzeji0~e č3@ 6\:* qeffd[p sl +ŕkw'le|c>Œ4qh_py8$1[nl~+ s&" 6jq hɉk̈z,oo}z-i?%v@].+诽5Ͽ +%֕g>>y37t=~/esﮈןxk{.h06 a4my馚hhhhh;/ -;
orɬ۫/q^zex!o7>#9ػ293,u 0$ ni ,o,,*f{dc` $:h# h%d*
t[1_
6u1ˑ=di%jh8qչog~r1g|gnø7kͷoa_ouraj[ ~]%̲sv
wn}oy:ގι-ajd% tmj_n5gk2\
.e \)^lfiqtDz,fv2_v}3s4\9ͱl&!.ۂ_x7vt(rvn?}'z綿1:igi$&@ajѭhpi;hhplit` yimed-lnmb3rĜ&o
7, fcb*2fkfx4!ev4o3vಳwڽc#vfvd_p*~c;`x6t|6c;en0@ 2v1 tz:ob% :"-;
bs#c>&}Տ4hitbv* 2dzk)nqu/dmin$|dr{">hq+' .i$3xwgfsȬx06eqq^
4 *j$gr)mk2*jgؙ vcw00117n.*jłx"7
a;rzxكev{q@x w="8 @ymwe2ܛ html 4 et css 2
14 directives
3 niveaux de priorit
totalement inaccessible
inaccessible en partie
accessible avec difficult
3 niveaux de conformit: a aa aaa$#$8$j"$##8$j"z quelques directivesajouter un commentaire chaque lment visuel
des liens clairs et concis
exploiter les feuilles de style
utiliser les lments html bon escient description des lments visuelstutilisation de l attribut alt
smantique de la description
exemple d une image
si l image est un logo => logo de &
si c est un lien => titre du lien
si l image ncessite une description plus complte
utiliser l attribut longdesc
renvoyer une page contenant le texte de descriptionpsn3wsn3w9 titre d un liendoit tre explicite et concis
3 exemples
cliquez ici
pour plus d informations
cliquez ici pour plus d informations
plus d informations\*a ) &% 0*5 0q".feuilles de style cascading style sheet (css), avantages
sparation entre structure et prsentation
uniformit de toutes les pages
inconvnient
non support par toutes les versions de navigateursh
j
4
j
4*(mthode d valuation
mthode d observation de l activit des internautes (irit)
outil bobby: www.cast.org/bobby/t* ' bilan (1)internet est en partie accessible
mais wai peu respect =>
peu de descriptions des lments visuels
titre des liens ou des cadres pas toujours explicite
trop d lments html (ex: tableau) utiliss pour structurer un document
pas assez d information d orientation (carte du site, barre de navigation& )
trop de clignotement ou de rafrachissement automatique, etc.(?" dd@,?l#d@
d @" ` n?" dd @@``@n?" dd@ @@``pr @ ` ` p> >0
.(
`!Ёgֳgֳ ?r@
[* hh88
`d!Ёgֳgֳ ?r
]* hh88
`!Ёgֳgֳ ?r@
]* hh88j
b @?xp
h1!!?`z
t$"Ёgֳgֳ ?l
rcliquez pour modifier le style de texte du masque
second niveau
troisime niveau
quatrime niveau
cinquime niveau 2
s
f"Ёgֳgֳ ?pab
e1cliquez pour modifier le style de titre du masque2
2
0d#п0
\$journe internet 22 septembre 2000 %(2%"
c ~afe:\sites web\free-ihmpt\images\logos\logo_irit.jpgp_z
bh @ ? ? ggg siftech.ppt 0 @,( `
0|o 5
y*
0}o m i5
[* d
c $ ?*?
0d}o z 09z
vcliquez pour modifier les styles du texte du masque
deuxime niveau
troisime niveau
quatrime niveau
cinquime niveau
w
6}o *
y*
6$~o m i*
[* h
0ea ? ̙33 04(
0${o
=*
0{o `
?*
6{o 0
=*
6d|o ` 0
?* h
0ea ? ̙33 (
l
c dzop
l
c zo `
h
0h ? ̙33
`$$( -@
$r
$ s opab
o
r
$ s od
o
h
$ 0h ? ̙33
$(
r
s o
o
r
s $ol o
h
0h ? ̙33
$(
r
s 1 p
r
s 1 4l
h
0h ? ̙33
l$(
lr
l s d2 pa
r
l s 2 @
h
l 0h ? ̙33
voyants Prcdent 227 Prcdent 226 Prcdent 225 Prcdent 224 Prcdent 223 Prcdent 222 Prcdent 221 Prcdent 220 Prcdent 219 Prcdent 218 Prcdent 217 Prcdent 216 Prcdent 215 Prcdent 214 Prcdent 213 Prcdent 212 Prcdent 211 Prcdent 210 Prcdent 209 Prcdent 208 Prcdent 207 Prcdent 206 Prcdent 205 Prcdent 204 Prcdent 203 Prcdent 202 Prcdent 201 Prcdent 200 Prcdent 199 Prcdent 198 Suivant 229 Suivant 230 Suivant 231 Suivant 232 Suivant 233 Suivant 234 Suivant 235 Suivant 236 Suivant 237 Suivant 238 Suivant 239 Suivant 240 Suivant 241 Suivant 242 Suivant 243 Suivant 244 Suivant 245 Suivant 246 Suivant 247 Suivant 248 Suivant 249 Suivant 250 Suivant 251 Suivant 252 Suivant 253 Suivant 254 Suivant 255 Suivant 256 Suivant 257 Suivant 258