Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessibility - FEDs Team

Avatar for David Dias David Dias
August 28, 2018
Programming
1
51

Accessibility - FEDs Team

A 3-minute presentation gave at Influitive regarding "Accessibility".
Avatar for David Dias

David Dias

August 28, 2018
Tweet

More Decks by David Dias

See All by David Dias
Tailwind CSS - Transitioning Away from Styled Components
Avatar for David Dias thedaviddias
0
130
My Front-End Developer Career Path
Avatar for David Dias thedaviddias
0
160
Buy & Sell Contest 2022 - Behind the scenes
Avatar for David Dias thedaviddias
0
26
Web Accessibility fundamentals (for developers)
Avatar for David Dias thedaviddias
0
33
Web Accessibility fundamentals (for qa and product owners)
Avatar for David Dias thedaviddias
0
24
The Front-End Checklist - A tool for meticulous developer
Avatar for David Dias thedaviddias
0
1.5k
Managing International Teams
Avatar for David Dias thedaviddias
0
61
Tools to develop fast and with efficiency
Avatar for David Dias thedaviddias
1
320
How to invite a Front-End developer to dance?
Avatar for David Dias thedaviddias
0
180

Other Decks in Programming

See All in Programming
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
130
Node-RED を（HTTP で）つなげる MCP サーバーを作ってみた
Avatar for High U highu
0
120
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
660
脱Riverpod？fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
Avatar for Takuma Osada ostk0069
0
320
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
Avatar for yosh_yumyum yoshyum
3
1.1k
CDK引数設計道場100本ノック
Avatar for kazuho cryer-shinozuka badmintoncryer
1
240
Rails Frontend Evolution: It Was a Setup All Along
Avatar for Svyatoslav Kryukov skryukov
0
230
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
Avatar for Shintani Teppei euglena1215
1
170
フロントエンドのパフォーマンスチューニング
Avatar for kouki.miura koukimiura
4
1.5k
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
230
GPUを計算資源として使おう！
Avatar for prime number primenumber
1
190
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
4
1.4k

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
6
320
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
46
9.6k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
20
1.3k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
510
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k

Transcript

  1. Accessibility Blue-blind / Tritatonia FEDs Team

  2. Accessibility

  3. Accessibility

  4. Accessibility

  5. What is accessibility, really?

  6. None

  7. Keyboard only Signal lost Accessibility is not just when you

    have disabilities Slow connection Small screen

  8. Who is affected by disabilities? (numbers)

  9. https://disabilitycompendium.org/sites/default/ fi les/user-uploads/2016_AnnualReport.pdf (online) (online)

  10. None
  11. None

  12. Let’s take few examples

  13. Modal and keyboard example

  14. You have one minute to fi nish a challenge and

    win 10 000 points… but suddenly, your mouse is

  15. The person you’ll hear in the next slides is called

    Samantha (don’t ask, I don’t have her phone number)
  16. None

  17. ..or you just want to do an experience

  18. None

  19. Today it’s impossible to use just a keyboard to navigate

    in the Hub.

  20. Headings

  21. None

  22. Chapter 4

  23. Today it’s impossible to clearly understand how the content is

    structured.

  24. What is the FEDs strategy?

  25. - Ensure all components are accessible (ALL) - Use integrated

    tools that give us a feedback about accessibility (inside the hidden, big, wonderful secret garden)
  26. None
  27. None

  28. - 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
  29. None

  30. Web Design & Front-End components are built with accessibility in

    mind!

  31. That's All.