Making the Website More Accessible with HTML5 & CSS3

Slide 1

Slide 1 text

ȱȱ ȱȱ ȱ &\QWKLD 1J )HEUXDU\

Slide 2

Slide 2 text

ȱ +RZ H[SHULHQFHG ZLWK +70/&66 DUH \RX" &\QWKLD 1J #7KH5HDO$UW\

Slide 3

Slide 3 text

ȱȱȱ ȱ ¢ǵȱ 'LVDELOLWLHV $VVLVWLYH 7HFKQRORJLHV (YHU\RQH &\QWKLD 1J #7KH5HDO$UW\

Slide 4

Slide 4 text

Slide 5

Slide 5 text

¢ȱȱȱ ǵȱ /HJLVODWLRQ 5HJXODWLRQV ,QFUHDVHG $FFHVV %HWWHU IRU (YHU\RQH &\QWKLD 1J #7KH5HDO$UW\

Slide 6

Slide 6 text

śȱ 3URSHU 9DOLG 0DUNXS &\QWKLD 1J #7KH5HDO$UW\

Slide 7

Slide 7 text

ȱ ȱ KHDGHU KJURXS QDY DUWLFOH VHFWLRQ DVLGH IRRWHU DGGUHVV &\QWKLD 1J #7KH5HDO$UW\

Slide 8

Slide 8 text

śȱ ¢ȱ ZZZKWPODFFHVVLELOLW\FRP &\QWKLD 1J #7KH5HDO$UW\

Slide 9

Slide 9 text

ȱ $FFHVVLEOH 5LFK ,QWHUQHW $SSOLFDWLRQV &\QWKLD 1J #7KH5HDO$UW\

Slide 10

Slide 10 text

ȱ ȱȱ ȱ KWWSGYFVZRUJKJDULDXQRIILFLDOUDZILOHWLSLQGH[KWPO &\QWKLD 1J #7KH5HDO$UW\

Slide 11

Slide 11 text

'2&7<3( KWPO! KWPO ODQJ HQ ! KHDG! WLWOH!(YHU\ 3DJH 6KRXOG +DYH D 7LWOHWLWOH! KHDG! ERG\! KHDGHU UROH EDQQHU ! K!VLWH QDPHK! K!WDJOLQHK! QDY UROH QDYLJDWLRQ ! D KUHI !*OREDO 1DY /LQND! D KUHI !6HFRQG 1DY /LQND! D KUHI !0RUH 1DY /LQND! QDY! KHDGHU! GLY LG FRQWHQW UROH PDLQ ! DUWLFOH UROH DUWLFOH ! \RXU FRQWHQW D EORJ SRVW IRU H[DPSOH ! DUWLFOH! DUWLFOH UROH DUWLFOH ! DQRWKHU VWDQGDORQH SLHFH ! DUWLFOH! GLY! GLY LG VHFRQGDU\ UROH FRPSOHPHQWDU\ ! W\SLFDOO\ \RXU VLGHEDU ! GLY! IRRWHU UROH FRQWHQWLQIR ! FRS\ULJKW DQG RWKHU LQIR IRRWHU! ERG\! KWPO! &\QWKLD 1J #7KH5HDO$UW\ Y / / /L L L LQN RJ J J SRV QH SLHF I

Slide 12

Slide 12 text

ȱ ȱ 6HH RWKHU SUHVHQWDWLRQV IRU DXGLR YLGHR FDQYDV &\QWKLD 1J #7KH5HDO$UW\

Slide 13

Slide 13 text

ȱ &\QWKLD 1J #7KH5HDO$UW\ )URP KWWSOLEUDU\U\HUVRQFDHUHVRXUFHVDFDGHPLFRQH ȱƽȱȱ ƽȱ ȱƽ Ǳȱ Ǳȱǲȱ ǀȱȱǁȱ

Slide 14

Slide 14 text

ȱ 1HZ 7\SHV 1HZ $WWULEXWHV &\QWKLD 1J #7KH5HDO$UW\ VHDUFK WHO XUO HPDLO GDWHWLPH YDULRXV QXPEHU FRORU SODFHKROGHU

Slide 15

Slide 15 text

)URP KWWSF\QQJZRUGSUHVVFRPLQMHFWLQJSHUVRQDOLW\LQWRDOLEUDU\ZHEVLWH &\QWKLD 1J #7KH5HDO$UW\

Slide 16

Slide 16 text

ȱ 1HZ 7\SHV 1HZ $WWULEXWHV &\QWKLD 1J #7KH5HDO$UW\ VHDUFK WHO XUO HPDLO GDWHWLPH YDULRXV QXPEHU FRORU >DQG PRUH@ SODFHKROGHU DXWRIRFXV UHTXLUHG >DQG PRUH@

Slide 17

Slide 17 text

ȱƽȱȃȄȱ )URP KWWSZHEGHVLJQWXWVSOXVFRPWXWRULDOVVLWHHOHPHQWVEULQJ\RXUIRUPVXSWRGDWH ZLWKFVVDQGKWPOYDOLGDWLRQ &\QWKLD 1J #7KH5HDO$UW\

Slide 18

Slide 18 text

řȱ $OO $ERXW 3UHVHQWDWLRQ &\QWKLD 1J #7KH5HDO$UW\

Slide 19

Slide 19 text

ȱȱ OL OL ^ ERUGHUOHIW S[ VROLG GGG ` &\QWKLD 1J #7KH5HDO$UW\ K S K S ^ PDUJLQWRS HP ` ȱŗȱƸȱȱŘȱǿȱȦȘȱȱ ȱȘȦȱȀȱ

Slide 20

Slide 20 text

ȱȬ ȱ QWKRIW\SH &\QWKLD 1J #7KH5HDO$UW\ WDEOH! WU! WG!WG! WU! WU FODVV µHYHQµ! WG!WG! WU! WDEOH!

Slide 21

Slide 21 text

ȱȬ ȱ DQ E &\QWKLD 1J #7KH5HDO$UW\ Q QWKRIW\SH

Slide 22

Slide 22 text

ȱȬ ȱ WUQWKRIW\SHRGG ^ EDFNJURXQGFRORU )))$() ` &\QWKLD 1J #7KH5HDO$UW\ WUQWKRIW\SHQ ^ EDFNJURXQGFRORU )))$() ` QWKRIW\SH

Slide 23

Slide 23 text

&\QWKLD 1J #7KH5HDO$UW\ )URP KWWSOLEUDU\U\HUVRQFDLQIRFROOHFWLRQVEXGJHW

Slide 24

Slide 24 text

ȱȬ ȱ SQWKRIW\SHRGG ^ FRORU UHG ` SQWKFKLOGRGG ^ FRORU UHG ` &\QWKLD 1J #7KH5HDO$UW\ 5HG 3DQGDV DUH FXWH DUH VORWKV DUH SOD\IXO QRQHWKHOHVV 5HG 3DQGDV DUH FXWH DUH VORWKV DUH SOD\IXO QRQHWKHOHVV ǀǁȱ ȱȱȱǀŘǁȱǀȦŘǁȱ ȱȱȱǀǁȱǯǀȦǁȱ ȱȱȱǀǁȱǯǀȦǁȱ ȱȱȱǀǁȱ¢ȱǯǀȦǁȱ ǀȦǁȱ QWKFKLOG

Slide 25

Slide 25 text

ȱȬ ȱ QWKODVWRIW\SH QWKODVWFKLOG ILUVWRIW\SH ILUVWFKLOG ODVWRIW\SH ODVWFKLOG RQO\RIW\SH RQO\FKLOG &\QWKLD 1J #7KH5HDO$UW\

Slide 26

Slide 26 text

¡Ȭ£ȱ )URP KWWSZZZKRQJNLDWFRPEORJFVVER[VL]LQJ &\QWKLD 1J #7KH5HDO$UW\ ¡Ȭ£ǱȱȬ¡ǲȱ

Slide 27

Slide 27 text

ȱȱ #PHGLD DOO DQG PD[ZLGWK S[ ^ \RXU &66 ` &\QWKLD 1J #7KH5HDO$UW\

Slide 28

Slide 28 text

ȱȱ &\QWKLD 1J #7KH5HDO$UW\ KWWSJYVXHGXOLEUDU\

Slide 29

Slide 29 text

ȱȱ %UHDN 3RLQW :KHQ ,W /RRNV 6WXSLG &\QWKLD 1J #7KH5HDO$UW\ S[ S[ S[ HP HP HP 6WROHQ IURP #PUHLGVPD KWWSPDWWKHZUHLGVURZFRPDUWLFOHV

Slide 30

Slide 30 text

ȱȱ &\QWKLD 1J #7KH5HDO$UW\ ǯ£ǯȱ ǯȱ

Slide 31

Slide 31 text

ȱ )RU WKRVH 2OG %URZVHUV &\QWKLD 1J #7KH5HDO$UW\

Slide 32

Slide 32 text

śǱȱȱ ¡ȱ KWPOVKLY R KWWSVJLWKXEFRPD)DUNDVKWPOVKLY 5HSODFLQJ LIUDPH DWWULEXWHV ZLWK -DYD6FULSW R SUH,( R KWWSZZZG\QDPLFGULYHFRPIRUXPVHQWU\SKS"5HSODFLQJLIUDPH DWWULEXWHVZLWKMDYDVFULSW +70/ &\QWKLD 1J #7KH5HDO$UW\

Slide 33

Slide 33 text

řȱ ´%XOOHWSURRIµ 6\QWD[ #IRQWIDFH ^ IRQWIDPLO\ *UDXEODX :HE VUF XUO *UDXEODX:HEHRW" IRUPDW HRW XUO *UDXEODX:HEZRII IRUPDW ZRII XUO *UDXEODX:HEWWI IRUPDW WUXHW\SH ` 6RXUFH KWWSSDXOLULVKFRPEXOOHWSURRIIRQWIDFHLPSOHPHQWDWLRQV\QWD[ RU XVH )RQW6TXLUUHOFRP &\QWKLD 1J #7KH5HDO$UW\

Slide 34

Slide 34 text

&\QWKLD 1J #7KH5HDO$UW\

Slide 35

Slide 35 text

ȱ UHVSRQGMV PHGLD TXHULHV LQ ROG ,(V ǯȦȦȱ &\QWKLD 1J #7KH5HDO$UW\ ǯǯȦ¡ȱ £ǯȱ

Slide 36

Slide 36 text

¢ȱ %H $FFHVVLEOH &\QWKLD 1J #7KH5HDO$UW\

Slide 37

Slide 37 text

ȱ ¢ȱ ȱ 7KH 3DFLHOOR *URXS %ORJ ² SDFLHOORJURXSFRPEORJ 7KH $FFHVVLELOLW\ 3URMHFW ² D\SURMHFWFRP &\QWKLD 1J #7KH5HDO$UW\

Slide 38

Slide 38 text

ǵȱ &RQWDFW PH &\QWKLD 1J FVQJ#U\HUVRQFD #7KH5HDO$UW\ DERXWPHF\QWKLDQJ &\QWKLD 1J #7KH5HDO$UW\