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 - FEDs Team
Search
David Dias
August 28, 2018
Programming
1
49
Accessibility - FEDs Team
A 3-minute presentation gave at Influitive regarding "Accessibility".
David Dias
August 28, 2018
Tweet
Share
More Decks by David Dias
See All by David Dias
Tailwind CSS - Transitioning Away from Styled Components
thedaviddias
0
120
My Front-End Developer Career Path
thedaviddias
0
150
Buy & Sell Contest 2022 - Behind the scenes
thedaviddias
0
24
Web Accessibility fundamentals (for developers)
thedaviddias
0
31
Web Accessibility fundamentals (for qa and product owners)
thedaviddias
0
22
The Front-End Checklist - A tool for meticulous developer
thedaviddias
0
1.5k
Managing International Teams
thedaviddias
0
61
Tools to develop fast and with efficiency
thedaviddias
1
310
How to invite a Front-End developer to dance?
thedaviddias
0
180
Other Decks in Programming
See All in Programming
Prism.parseで 300本以上あるエンドポイントに 接続できる権限の一覧表を作ってみた
hatsu38
1
110
Webからモバイルへ Vue.js × Capacitor 活用事例
naokihaba
0
540
SODA - FACT BOOK
sodainc
1
840
Go Modules: From Basics to Beyond / Go Modulesの基本とその先へ
kuro_kurorrr
0
110
Passkeys for Java Developers
ynojima
2
840
統一感のある Go コードを生成 AI の力で手にいれる
otakakot
0
3k
Use Perl as Better Shell Script
karupanerura
0
690
Javaに鉄道指向プログラミング (Railway Oriented Pro gramming) のエッセンスを取り入れる/Bringing the Essence of Railway-Oriented Programming to Java
cocet33000
2
540
社内での開発コミュニティ活動とモジュラーモノリス標準化事例のご紹介/xPalette and Introduction of Modular monolith standardization
m4maruyama
0
120
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
390
カクヨムAndroidアプリのリブート
numeroanddev
0
410
Create a website using Spatial Web
akkeylab
0
260
Featured
See All Featured
Become a Pro
speakerdeck
PRO
28
5.4k
How to train your dragon (web standard)
notwaldorf
92
6.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Faster Mobile Websites
deanohume
307
31k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Side Projects
sachag
454
42k
Facilitating Awesome Meetings
lara
54
6.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Into the Great Unknown - MozCon
thekraken
39
1.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
123
52k
Transcript
Accessibility Blue-blind / Tritatonia FEDs Team
Accessibility
Accessibility
Accessibility
What is accessibility, really?
None
Keyboard only Signal lost Accessibility is not just when you
have disabilities Slow connection Small screen
Who is affected by disabilities? (numbers)
https://disabilitycompendium.org/sites/default/ fi les/user-uploads/2016_AnnualReport.pdf (online) (online)
None
None
Let’s take few examples
Modal and keyboard example
You have one minute to fi nish a challenge and
win 10 000 points… but suddenly, your mouse is
The person you’ll hear in the next slides is called
Samantha (don’t ask, I don’t have her phone number)
None
..or you just want to do an experience
None
Today it’s impossible to use just a keyboard to navigate
in the Hub.
Headings
None
Chapter 4
Today it’s impossible to clearly understand how the content is
structured.
What is the FEDs strategy?
- Ensure all components are accessible (ALL) - Use integrated
tools that give us a feedback about accessibility (inside the hidden, big, wonderful secret garden)
None
None
- Ensure all components are accessible (ALL) - Use integrated
tools that give us a feedback about accessibility (inside the hidden, big, wonderful secret garden) - Follow Accessibility Checklists
None
Web Design & Front-End components are built with accessibility in
mind!
That's All.