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
Leave No One Behind
Search
Stephen Thomas
October 22, 2016
Technology
0
100
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
80
Introducing D3.js
sathomas
0
2.4k
Building JavaScript Visualizations Part 1
sathomas
1
2.6k
Building JavaScript Visualizations Part 2
sathomas
0
2.5k
Unit Testing JavaScript Applications
sathomas
5
2.8k
Securing JavaScript Web Applications
sathomas
4
380
Web-Based Visualizations with D3.js
sathomas
8
770
Custom Domains with Github Pages
sathomas
2
300
Other Decks in Technology
See All in Technology
I tried the newly introduced certification "Applied Skills" on Microsoft Learn
mappie_kochi
0
140
クレジットカードを製造する技術
yutadayo
81
46k
軽いノリで"自動化"に取り組んではいけないという話
tetsuyaooooo
1
480
【shownet.conf_】AI技術とUX監視の応用でShowNetの基盤を支えるモニタリングシステム
shownet
PRO
0
370
Low Latency Join Method for Distributed DBMS
yugabytejapan
0
170
プロダクト開発の貢献をアピールするための目標設計や認知活動 / Goal design and recognition activities to promote product development contributions.
oomatomo
2
530
YAPC::Hakodateの映像記録を支える技術
godan
4
220
tenntennはなんでnewmoにnew社したの? - YAPC::Hakodate 2024
tenntenn
PRO
0
200
Hazard pointers with reference counter
ennael
PRO
0
120
Slackbot × RAG で実現する社内情報検索の最適化
howdy39
2
320
【shownet.conf_】トポロジ図の歩き方
shownet
PRO
0
500
LeSSはスクラムではない!?LeSSにおけるスクラムマスターの振る舞い方とは / Scrum Master Behavior in LeSS
toma_sm
0
170
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
Facilitating Awesome Meetings
lara
49
6k
A Philosophy of Restraint
colly
202
16k
Music & Morning Musume
bryan
46
6.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Git: the NoSQL Database
bkeepers
PRO
425
64k
Optimising Largest Contentful Paint
csswizardry
31
2.8k
Fireside Chat
paigeccino
32
3k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
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