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 #fronteers10)
Search
Eric Eggert
September 27, 2011
Education
2
92
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
82
Accessible Widgets Class 2/4
yatil
0
47
Accessible Widgets Class 4/4
yatil
0
72
Accessible Widgets Class 2/4
yatil
0
69
New Developments in Web Accessibility
yatil
0
700
How I stopped worrying and learned to love defaults — with notes
yatil
0
350
How I stopped worrying and learned to love defaults
yatil
0
610
Fronteers11 Jam Session: a11y goes to 11
yatil
1
750
Accessibility 101 – Ignite Frankfurt
yatil
0
110
Other Decks in Education
See All in Education
墓までもっていくはずだった話
takuro_nakajima
PRO
0
1.6k
Avoin jakaminen ja Creative Commons -lisenssit
matleenalaakso
0
1.1k
Gesture-based Interaction - Lecture 6 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.3k
Animaatiot opetuksessa
matleenalaakso
0
3.2k
世界の子音探訪記
jamashita
0
120
STEAM教育の枠組で行うプログラミング学習
asial_edu
0
220
6 занятие. Четыре тактики метода "8 кубиков"бизнес-модели #ideaNN 1.03.2024.
karlov
0
160
令和6年度 無料トライアルキャンペーン説明会
asial_edu
0
1.2k
LTをすべき100の理由
eltociear
1
310
Ch7_-_Partie_2.pdf
bernhardsvt
0
130
week6@tcue2024
nonxxxizm
0
370
千葉県印西市立・原山小学校における新たな学び「情報探究の時間」実践報告』
codeforeveryone
1
790
Featured
See All Featured
The Cult of Friendly URLs
andyhume
74
5.7k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
Six Lessons from altMBA
skipperchong
22
3k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
The Invisible Side of Design
smashingmag
294
49k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
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