Back t Bas cs
o i
W eb s andar and acces i lt
t ds sbiiy

W ho am I
?
A brefi r
i nt oducton
i

W ho am I
?

Alan White

Freelance web developer & consultant

Founder of The Highland Fling – Web Standards in Scotland

Madly passionate about the web
http://alanwhitewebdevelopment.com
http://thehighlandfling.com
http://azcazandco.com
info@alanwhitewebdevelopment.com

W hat t sabout
s hi ?

W eb Standards
W hatar t
e hey?

W eb Standards
“The t m w eb s andar can m ean dif entt ngst dif entpeopl Fors e,i i 'abl fee
er t ds fer hi o fer e. om t s t e-r
st 'f ot si i ' i vald code' How ever w eb s andar ar m uch br
ies, or her t s usng i . , t ds e oaderthan t . A
hat
st buitt w eb s andar s
ie l o t ds houl adher t s andar (
d e o t ds HTM L,XHTM L,XM L,CSS,XSLT,DOM ,
M at L,SVG et and pur ue bes pr i ( i code,acces i e code,s antcaly cor ect
hM c) s t actces vald sbl em i l r
code,us -rendl URLset .
er fi y c)
I ot w or ,a st buitt w eb s andar s
n her ds ie l o t ds houl i l be l
d dealy ean,cl
ean,CSS- ed,acces i e,
bas sbl
us e and s ch engi fi y.“ - Russ Weakley 13th August 2004
abl ear ne rendl
http://www.maxdesign.com.au/presentation/checklist.htm

Acces i lt
s biiy
W hatdoesi m ean?
t

Acces i lt
sbiiy
“Accessibility i a gener t m us t des i t degr t w hi a pr
s al er ed o crbe he ee o ch oduct
( g.devi s vi envionm ent i acces i e by asm any peopl aspos i e..
e. , ce, er ce, r )s sbl e sbl .”
http://en.wikipedia.org/wiki/Accessibility
“Web accessibility r er t t pr i ofm aki w ebst us e by peopl of
ef s o he actce ng ies abl e
al abiii and diabiii .W hen st ar cor ecty desgned,devel
l ltes s ltes ies e r l i oped and
edied,al us scan have equalacces t i or aton and f
t l er s o nf m i unctonalt .”
i iy..
http://en.wikipedia.org/wiki/Web_accessibility

W her do w e s ar ?
e t t
Thi i t f par ..
s s he un t.

Make a positive statement
Ther ar m any bas c t
e e i echni quest can be
hat
i pl ent w hi notonl m ake w eb s t easi
m em ed ch y ies er
t m ai ai t have m any i
o nt n, hey nher beneft s
ent is uch
asbei s ch engi fi y,f t t l and
ng ear ne rendl as er o oad
ar m or acces i e by def t.
e e sbl aul..

Making a positive statement's
Ther ar m any bas c t
e e i echniquest can be
hat
i pl ent w hi notonl m ake w eb s t easi
m em ed ch y ies er
t m ai ai ,t have m any i
o nt n hey nher beneft s
ent is uch
asbei s ch engi fi y,f t t l and
ng ear ne rendl as er o oad
ar m or acces i e by def t.
e e s bl aul..

“bet erm ar i t fr tst t
t kup s he is ep o
acces i lt .”
sbiiy..

<p><em>There is something wrong
with this statement</p></em>

<p><em>Not any more</em></p>

“content is king, structure
makes it better...”

<div><font size=\"6\" color=\"red\">
This my heading</font></div>
<div><font size=\"3\" color=\"black\">
This is a sample paragraph and looks
not bad to me but it could be much
better</font></div>
<div><font size=\"5\" color=\"green\">
This my next level
heading</font></div>

<h1>This my heading</h1>
<p>This is a sample paragraph and
looks not bad to me and it could be
much worse</p>
<h2>This my next level heading<h/2>

Easier to maintain (external style sheet & less code)

Content described

Document has structure

Human readable

Machine readable

w hati pr es i
s ogr s ve
enhancem ent?

Pr es i enhancem ent
ogr sve
“Progressive enhancement i a s r egy f w eb desgn t em phaszes
s t at or i hat i
acces i lt s antc m ar
sbiiy, em i kup,and ext nals yl heetand s i i
er t es crptng
technol es Pr es i enhancem entus w eb t
ogi . ogr sve es echnol esi a l ed
ogi n ayer
f hi t alow sever
as on hat l yone t acces t basc cont and f
o s he i ent unctonalt ofa
i iy
w eb page,usng any br s orI er connecton,w hie alo pr di t e
i ow er nt net i l s ovi ng hos
w ih bet erbandw i h orm or advanced br s s t ar an enhanced
t t dt e ow er ofw e
ver i oft page..
son he .”
http://en.wikipedia.org/wiki/Progressive_Enhancement

alenatng peopl i w r
i i e s ong,
acces i lt i par ount..
sbiiy s am ..

I' notr
ts ockets ence
ci
W eb s andar ar lke acces i lt f m achi ,w rt good m ar
t ds e i sbiiy or nes ie kup and
m achi w ilunder t
nes l s and i.
t

Thi aboutyourus s
nk er

W rt good m ar
ie kup

St uct e yourdocum ent
r ur s

Encour us f
age er eedback

Getback to basics and you ar w el on t w ay t m or acces i lt onlne
e l he o e sbiiy i

I' a m i et
ts nds

Any Ques i ?
tons