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
97
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
67
Introducing D3.js
sathomas
0
2.4k
Building JavaScript Visualizations Part 1
sathomas
1
2.5k
Building JavaScript Visualizations Part 2
sathomas
0
2.4k
Unit Testing JavaScript Applications
sathomas
5
2.8k
Securing JavaScript Web Applications
sathomas
4
380
Web-Based Visualizations with D3.js
sathomas
8
760
Custom Domains with Github Pages
sathomas
2
300
Other Decks in Technology
See All in Technology
On Your Data を超えていく!
hirotomotaguchi
2
680
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
270
VS CodeでAWSを操作しよう
smt7174
8
1.7k
MapLibreとAmazon Location Service
dayjournal
1
150
DevOpsDays History and my DevOps story
kawaguti
PRO
9
2.5k
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
210
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
520
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
250
Java EE/Jakarta EEの現状と将来―クラウドネイティブ時代にJava EEは対応できるのか?―
takakiyo
1
160
Building Dashboards as a Hobby
egmc
0
200
本当のAWS基礎
toru_kubota
0
520
自己改善からチームを動かす! 「セルフエンジニアリングマネージャー」のすゝめ
shoota
6
650
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Designing for Performance
lara
601
67k
Design by the Numbers
sachag
274
18k
How to train your dragon (web standard)
notwaldorf
73
5.2k
GraphQLとの向き合い方2022年版
quramy
32
12k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
How to Ace a Technical Interview
jacobian
272
22k
How to name files
jennybc
65
93k
Being A Developer After 40
akosma
57
580k
Robots, Beer and Maslow
schacon
PRO
155
7.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