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
Accessibility
Search
Thomas Wedler
April 24, 2018
Programming
99
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Accessibility
Thomas Wedler
April 24, 2018
More Decks by Thomas Wedler
See All by Thomas Wedler
Konzepte, Technologien und Trends der modernen Front-End Entwicklung
codemeleon
0
140
Other Decks in Programming
See All in Programming
The Bowling Game- From Imperative to Functional Programming - Part 1
philipschwarz
PRO
0
300
1B+ /day規模のログを管理する技術
broadleaf
0
130
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
120
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
x5gtrn
PRO
0
1.3k
鹿野さんに聞く!『TypeScriptコードレシピ集』で磨く実践力
tonkotsuboy_com
4
1.1k
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
slashnephy
0
500
どこまでゆるくて許されるのか
tk3fftk
0
470
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
naoya
15
3.2k
任せる範囲はこう広がった / How the Scope of AI Delegation Has Expanded
nrslib
1
250
霧の中の代数的エフェクト
funnyycat
1
330
20260623_Loop Engineeringで自分の分身の問い合わせBotを作る
ryugen04
0
200
Vue × Nuxt × Oxc どこまで使える?実運用の現在地
andpad
0
370
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
77
5.4k
Raft: Consensus for Rubyists
vanstee
141
7.6k
GitHub's CSS Performance
jonrohan
1033
470k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Design in an AI World
tapps
1
260
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
640
From π to Pie charts
rasagy
0
230
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Testing 201, or: Great Expectations
jmmastey
46
8.2k
Transcript
Accessibility - a11y 24.04.2018
– Tim Berners-Lee „The power of the Web is in
its universality. Access by everyone regardless of disability is an essential aspect.“ https://www.w3.org/standards/webdesign/accessibility
https://theblog.adobe.com/user-experiences-kat-holmes-transforms-businesses-inclusive-design/
None
None
None
None
https://foundation.zurb.com/sites/docs/close-button.html
None
– Tiffany from Shopify „Progressive enhancement is a development approach,
not a technology choice.“ https://www.shopify.com/partners/blog/what-is-progressive-enhancement-and-why-should-you-care
None
None
None
– David Gilbertson „Removing the focus outline is like removing
the wheelchair ramp from a school because it doesn’t fit in with the aesthetic.“ https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2
not optional Accessibility by Design quick wins
Sick Picks • Color Contrast Checker https://webaim.org/resources/contrastchecker/ • Funkify http://www.funkify.org/
• Easy Accessibility Testing with aXe https://axe-core.org
Links • The A11Y Project https://a11yproject.com • Inclusive Components https://inclusive-components.design
• Dos and don'ts on designing for accessibility (Posters) https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for- accessibility/