Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Leave No One Behind
Stephen Thomas
October 22, 2016
Technology
0
83
Leave No One Behind
Building Accessible Web Applications
Stephen Thomas
October 22, 2016
Tweet
Share
More Decks by Stephen Thomas
See All by Stephen Thomas
Sepsis
sathomas
0
26
Introducing D3.js
sathomas
0
2.2k
Building JavaScript Visualizations Part 1
sathomas
1
2.4k
Building JavaScript Visualizations Part 2
sathomas
0
2.2k
Unit Testing JavaScript Applications
sathomas
5
2.5k
Securing JavaScript Web Applications
sathomas
4
370
Web-Based Visualizations with D3.js
sathomas
8
690
Custom Domains with Github Pages
sathomas
2
290
Other Decks in Technology
See All in Technology
srenext2022-skaru
mixi_engineers
1
620
[SRE NEXT 2022]ヤプリのSREにおけるセキュリティ強化の取り組みを公開する
mmochi23
1
470
信頼性の階層の一段目を積み上げる/Monitoring Dashboard
shonansurvivors
0
170
Poolにおける足を止めないシステム基盤構築
winebarrel
3
810
エンタープライズにおけるSRE立ち上げとNew Relic選定に至った背景とは / SRE Startup and New Relic in the Enterprise
tomoyakitaura
2
160
AWS CLI入門_20220513
suzakiyoshito
0
3.8k
ドキュメントの翻訳に必要なこと
mayukosawai
0
160
THETA Xの登場はジオ業界を変えるか?
furuhashilab
0
160
Adopting Kafka for the #1 job site in the world
ymyzk
1
440
LINEスタンプの実例紹介 小さく始める障害検知・対応・振り返りの 改善プラクティス
line_developers
PRO
3
1.5k
Learning from AWS Customer Security Incidents [2022]
ramimac
0
880
SRE の歩き方・進め方 / sre-walk-through-procedure
rrreeeyyy
0
190
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
Six Lessons from altMBA
skipperchong
14
1.3k
Raft: Consensus for Rubyists
vanstee
126
5.4k
Atom: Resistance is Futile
akmur
255
20k
jQuery: Nuts, Bolts and Bling
dougneiner
56
6.4k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
316
22k
Thoughts on Productivity
jonyablonski
43
2.2k
Gamification - CAS2011
davidbonilla
75
3.9k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
212
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
Transcript
Leave No One Behind Building Accessible Web Applications
Why? • More Users • The Law • It’s the
Right Thing to Do
Who? • Users with cognitive impairments • Users with hearing
impairments • Users with visual impairments • Seizures • Color Blindness • Presbyopia • Users with motor impairments
Let’s Look at Some Code
Leave No One Behind • Users with Cognitive Impairments •
Check Reading Level for Content • Don’t Build Complicated Interfaces
Leave No One Behind • Users with Hearing Impairments •
Add visual cues to critical audio notifications • Add close caption tracks to <video> elements
Leave No One Behind • Users with Visual Impairments •
Give Users a way to Disable Animations • Don’t Rely Solely on Color • Watch Contrast Ratio • Responsive Design • Use HTML5 Elements for Page Layout • Correct Use of Buttons and Links
Leave No One Behind • Users with Motor Impairments •
Support Focus Styling • Manage Focus • Dynamically set TabIndex attributes, or • Capture keydown events
Some Key Resources • Checklist • http://webaim.org/standards/wcag/checklist • Tools •
http://khan.github.io/tota11y/ • http://howlowck.github.io/Akbar/ • Learn More • https://www.udacity.com/course/web-accessibility--ud891