8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
1/20
Monica Seeber
November 2013
e-Accessibility
Part 1
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
2/20
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
3/20
e-Accessibility:
More than just a buzz word
G$)*62H14 /++
+$6*)+/012
9*)/%*+*,-
B$,I191+16- I/49J/4$
:)/%*+*,-
$K/(($))*%*+*,-
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
4/20
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
5/20
1. Web Accessibility National
Transition Strategy
! '6$2(*$) B:), :D9/,$ /++ 61@$42B$2, J$%)*,$) O/) )D$(*P$9 J*,I*2 )(1D$ :29$4
,I$ .35Q ,1 #;'< 7"= (12H14B/2($
?$@$+ ' O5*26+$ 'Q %- >! G$($B%$4 7=!7
?$@$+ '' OG1:%+$ 'Q %- >! G$($B%$4 7=!C 31 (+/*B (12H14B/2($ J$%)*,$) B:), B$$, /++ P@$ #;'< 7"= (12H14B/2($
4$A:*4$B$2,)"
! '6$2(*$) /4$ $2(1:4/6$9 ,1 )$$R #;'< 7"= ?$@$+ '' (12H14B/2($ H41B ,I$
1:,)$,S %:, B:), )0++ B$$, ,I$ B*2*B:B 4$A:*4$B$2,) 1H ,I$ .35 O*2(+:9*26 ?$@$+
' (12H14B/2($ %- G$($B%$4 7=!7Q"
':),4/+*/2
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
6/20
Relax and let me explain
51B$ @$4- (+$@$4D$1D+$ J41,$6:*9$+*2$) H14
*BD41@*26 /(($)) ,19*6*,/+ *2H14B/012"
3I$ T$9$4/+
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
7/20
2. Introducing WCAG 2.0
#14+9 #*9$ #$% ;12)140:B
#$%/4(I*,$(,:4$
5$B/20(#$%
YZ?,$(I21+16-
#$% 9$)*62 /29/DD+*(/012)
#$% ;12,$2, '(($))*%*+*,-
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
8/20
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
9/20
Principles
!" N$4($*@/%+$
7" ]D$4/%+$
>" ^29$4),/29/%+$
C" F1%:),
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
10/20
Guidelines!"#$"%&'()"
!"! N41@*9$ ,$_,/+,$42/0@$) H14
212K,$_, (12,$2,
!"7 N41@*9$/+,$42/0@$) H14
0B$K%/)$9 B$9*/
!"> ;4$/,$ (12,$2,,I/, (/2 %$
D4$)$2,$9 *29*`$4$2, J/-)
!"C Z/R$ *, $/)*$4H14 :)$4) ,1 )$$
/29 I$/4 (12,$2,
*+"#'()"
7"! Z/R$ /++H:2(012/+*,-
/@/*+/%+$ H41B /R$-%1/49
7"7 N41@*9$ :)$4)$21:6I 0B$ ,1
4$/9 /29 :)$(12,$2,
7"> G1 21, 9$)*62(12,$2, *2 / J/-
,I/, *) R21J2 ,1(/:)$ )$*a:4$)
7"C N41@*9$ J/-),1 I$+D :)$4)
2/@*6/,$ /29 P29(12,$2,
,-."#/0'-.'()"
>"! Z/R$ ,$_,(12,$2, 4$/9/%+$
/29:29$4),/29/%+$
>"7 Z/R$ #$%D/6$) /DD$/4 /29
1D$4/,$ *2D4$9*(,/%+$ J/-)
>"> M$+D :)$4)
/@1*9 /29 (144$(,B*),/R$)
12(3/0
C"! Z/_*B*a$
(1BD/0%*+*,- J*,I(:44$2, /29
H:,:4$ )1bJ/4$/29 I/49J/4$
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
11/20
Success criteria
4%-5)" 7 823()" 7 9#%+)" 7
N$4($*@/%+$ c E c
]D$4/%+$ d > c
^29$4),/29/%+$ E E e
F1%:), ! K K
3]3'? 7> 5*26+$ ' f !> G1:%+$ ' f 7>
N4*2(*D+$) 1H /(($))*%*+*,-
.:B%$4 1H 5:(($)) ;4*,$4*/
?$@$+ 1H (1BD+*/2($
G1:%+$ ' (1BD+*/2($ I/) /
,1,/+ 1H >\ 5:(($)) ;4*,$4*/
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
12/20
g :; !"#$"%&'()"< 82H14B/012 /29 :)$4 *2,$4H/($ (1BD12$2,)B:), %$ D4$)$2,/%+$ ,1 :)$4) *2 J/-) ,I$- (/2 D$4($*@$"N4*2(*D+$
g :;: 9"=0 7)0"#-'>&"/< N41@*9$ ,$_, /+,$42/0@$) H14 /2- 212K,$_, (12,$2, )1 ,I/, *, (/2 %$ (I/26$9 *2,1 1,I$4 H14B)D$1D+$ 2$$9S ):(I /) +/46$ D4*2,S %4/*++$S )D$$(IS )-B%1+) 14)*BD+$4 +/26:/6$"
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
13/20
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
14/20
Text Alternatives
N$4($*@/%+$ !"! 3$_, '+,$42/0@$) !"!"!
.12K,$_, (12,$2, (/2 %$V (I/4,)
9*/64/B)
D*(,:4$)
/2*B/012)
B/D)
*2,$4/(0@$ 9$)*62
3$_, /+,$42/0@$) (/2 %$V ,$_, 9$)(4*D012
9/,/ ,/%+$
,$_, ,4/2)(4*D,
3I*) *) 4$+/,$9 ,1 !"7 3*B$K%/)$9 Z$9*/
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
15/20
Writing Text Alternatives
8) ,I$ (12,$2, H:2(012/+h
i$) N41@*9$ / ,$_, /+,$42/0@$
.1WM*9$X ,I$ (12,$2, *2 ,I$
%/(R641:29
T:4,I$4 *2H14B/012V
^29$4),/29*26 5; !"!"!8B/6$ '?3 3/6 3*D)
;1BD+$_ 8B/6$)
'+,$42/0@$ ,$_, B:), %$ "B3%&')"-0/29 C"'-%-5D3)"
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
16/20
Time-based Media
N$4($*@/%+$!"7 N41@*9$
/+,$42/0@$) H140B$K%/)$9 B$9*/
!"7"!!"7"7!"7">
!"7"C ''!"7"E ''
3*B$K%/)$9 B$9*/ (/2 %$V
/:9*1K12+-
@*9$1K12+-
+*@$ /:9*1 (12,$2,
)-2(I412*)$9 B$9*/
/2*B/012)
'+,$42/0@$) (/2 %$V
,$_, ,4/2)(4*D,
/:9*1 9$)(4*D012
(/D012)
,$_, 9$)(4*D012
3I*) *) 4$+/,$9 ,1 !"! 3$_, '+,$42/0@$)
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
17/20
Writing Media Alternatives
8) ,I$ (12,$2, 4$D$00@$h
i$)N41@*9$ / %4*$H '?3 9$)(4*D012/29 4$H$4 %/(R ,1 ,I$ B/*2 ,$_,
.1 N41@*9$ / B$9*/ /+,$42/0@$
T:4,I$4 82H14B/012V
^29$4),/29*26 5; !"7"!
^29$4),/29*26 5; !"7"7
^29$4),/29*26 5; !"7">
^29$4),/29*26 5; !"7"C
^29$4),/29*26 5; !"7"E
L*9$1 ;/D012) /29 ':9*1 34/2)(4*D,)
Z$9*/ /+,$42/0@$) B:), %$ '$$3#'0"/29 ."0'%)"."
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
18/20
Adaptable
N$4($*@/%+$
!"> ;4$/,$ (12,$2,,I/, (/2 %$
D4$)$2,$9 *29*`$4$2, J/-)
!">"!!!">"7!!">">!
!51B$ 1H ,I$)$ (4*,$4*/ (/2 12+- %$ B$, ,I41:6I ."/%5-"
#$ (/2 ,$++ ,I$ 64/DI*( 9$)*62$4jJ$% 9$@$+1D$4 /%1:, ,I$BS %:, J$
(/2k, 91 *, 1:4)$+@$)"
'9/D,/%+$ (12,$2, (/2 %$V
H14B)
,/%+$)
)(I$9:+$)
,$_, 4$/9*26 149$4
'+,$42/0@$) (/2 %$V
,$_, 9*4$(012)
,$_, 9$)(4*D012
(/D012)
" D4164/BB/0( (:$)
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
19/20
Writing Adaptable
Alternatives
T:4,I$4 82H14B/012V
^29$4),/29*26 5; !">"!
;4$/026 '(($))*%+$ 3/%+$)
T14B G$)*62
3$_, F$/9*26 ]49$4
'9/D,/%+$ /+,$42/0@$) B:), %$ "B3%&')"-0/29 ."0'%)"."
3I*) *) 4$+/,$9 ,1 7"C ./@*6/%+$
8/11/2019 The Copy Collective E-Accessibility Presentation Part 1
20/20
Distinguishable
N$4($*@/%+$
!"C Z/R$ *, $/)*$4H14 :)$4) ,1 )$$ /29
I$/4 (12,$2,*2(+:9*26 )$D/4/026
H14$641:29 H41B
%/(R641:29
!"C"!!!"C"7!
!"C"> ''!!"C"C ''!!"C"E ''!
!3I$)$ (4*,$4*/ (/2 12+- %$ B$, ,I41:6I ."/%5-"
#$ (/2 ,$++ ,I$ 64/DI*( 9$)*62$4jJ$% 9$@$+1D$4 /%1:, ,I$BS %:, J$
(/2k, 91 *, 1:4)$+@$)"