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
94
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
Sanapilvet opetuksessa
matleenalaakso
0
31k
オープンソース防災教育ARアプリの開発と地域防災での活用
nro2daisuke
0
240
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
820
Informasi Program Coding Camp 2025 powered by DBS Foundation
codingcamp2025
0
150
小学校プログラミング教育、次の5年に向けて 〜つくること・学ぶことの歓びへ〜 /NextGenerationOfProgrammingEducation
kiriem
2
240
Ilman kirjautumista toimivia sovelluksia
matleenalaakso
1
20k
プログラミング基礎#4(名古屋造形大学)
yusk1450
PRO
0
120
1216
cbtlibrary
0
270
地図を活用した関西シビックテック事例紹介
barsaka2
0
170
5 Things Every L&D Pro Should Steal from Marketing
tmiket
0
120
2024年度秋学期 統計学 第12回 分布の平均を推測する - 区間推定 (2024. 12. 11)
akiraasano
PRO
0
110
Zero to Hero
takesection
0
150
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.2k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Visualization
eitanlees
146
15k
We Have a Design System, Now What?
morganepeng
51
7.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
380
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Into the Great Unknown - MozCon
thekraken
34
1.6k
A Philosophy of Restraint
colly
203
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Optimising Largest Contentful Paint
csswizardry
33
3k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
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