Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Principles of accessible web desing (at #fronte...
Search
Eric Eggert
September 27, 2011
Education
2
100
Principles of accessible web desing (at #fronteers10)
Eric Eggert
September 27, 2011
Tweet
Share
More Decks by Eric Eggert
See All by Eric Eggert
What is EOWG?
yatil
0
95
Accessible Widgets Class 2/4
yatil
0
52
Accessible Widgets Class 4/4
yatil
0
78
Accessible Widgets Class 2/4
yatil
0
75
New Developments in Web Accessibility
yatil
0
840
How I stopped worrying and learned to love defaults — with notes
yatil
0
400
How I stopped worrying and learned to love defaults
yatil
0
670
Fronteers11 Jam Session: a11y goes to 11
yatil
1
850
Accessibility 101 – Ignite Frankfurt
yatil
0
130
Other Decks in Education
See All in Education
1113
cbtlibrary
0
290
Algo de fontes de alimentación
irocho
1
480
生成AIと歩むこれからの大学
gmoriki
0
920
Sähköiset kyselyt, kokeet ja arviointi
matleenalaakso
1
18k
Flinga
matleenalaakso
2
14k
BrightonSEO, San Diego, CA 2024
mchowning
0
120
保育士チームが実践している連続的な観察と多面的な観察を共有するための振り返り / Reflection to share “continuous and multifaceted observations” as practiced by a team of childcare professionals
psj59129
0
3.3k
Da Necessidade da Devoção à Virgem Santíssima
cm_manaus
0
120
TP5_-_UV.pdf
bernhardsvt
0
140
Informasi Program Coding Camp 2025 powered by DBS Foundation
codingcamp2025
0
150
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
2.6k
5 Things Every L&D Pro Should Steal from Marketing
tmiket
0
150
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Gamification - CAS2011
davidbonilla
80
5.1k
Building Adaptive Systems
keathley
40
2.4k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
We Have a Design System, Now What?
morganepeng
51
7.4k
Designing for Performance
lara
604
68k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
The World Runs on Bad Software
bkeepers
PRO
67
11k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Transcript
Principles of Accessible Web Design Eric Eggert aka. @yatil —
Fronteers Jam Session — Amsterdam
(Almost.) Everyone here is disabled. (Or will be at some
time.)
None
“People need not be limited by physical handicaps as long
as they are not disabled in spirit.”
Different input mechanisms
Different input mechanisms
Different input mechanisms
Different input mechanisms
Different input mechanisms
Different input mechanisms
Different input mechanisms
Different output mechanisms
Different output mechanisms
Different output mechanisms
Different output mechanisms
Different output mechanisms
Different output mechanisms
None
We don’t need special websites for people with special requirements.
Have you ever forgotten to buy new batteries for your
mouse?
None
None
None
None
Accessible websites help everyone.
None
We are designing the web for our future selves.
0 25 50 75 100 14-19 20-29 30-39 40-49 50-59
60+ 1998 2008
0 25 50 75 100 14-19 20-29 30-39 40-49 50-59
60+ 1998 2008
0 25 50 75 100 14-19 20-29 30-39 40-49 50-59
60+ 1998 2008
0 25 50 75 100 14-19 20-29 30-39 40-49 50-59
60+ 1998 2008
0 25 50 75 100 14-19 20-29 30-39 40-49 50-59
60+ 1998 2008
0 25 50 75 100 14-19 20-29 30-39 40-49 50-59
60+ 1998 2008
0 25 50 75 100 14-19 20-29 30-39 40-49 50-59
60+ 1998 2008
What can we do?
Don’t use Flash. It isn’t working on most mobiles. It
isn’t „working“ on most PCs either. It can be made accessible on Windows and IE only.
POSH5 & POUR
POSH5 & POUR Plain Old Simple HTML5
POSH5 & POUR Plain Old Simple HTML5 Perceivable, Operable, Understandable,
Robust
POSH5 Use the best HTML5 Element available for the task
at hand.
HTML5 Includes many accessibility features (although others claim otherwise). It
is not the spec to look to when searching for web accessibility techniques.
WCAG2 Is the spec for accessible web content. Provides an
exhaustive list of techniques to make web content accessible.
http://www.w3.org/WAI/WCAG20/quickref/ Perceivable Operable Understandable Robust
And now: Sharky mail:
[email protected]
twitter: @yatil
And now: Sharky mail:
[email protected]
twitter: @yatil