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

Accessibility - FEDs Team

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for David Dias David Dias
August 28, 2018
Programming
76
1

Accessibility - FEDs Team

A 3-minute presentation gave at Influitive regarding "Accessibility".

Avatar for David Dias

David Dias

August 28, 2018

More Decks by David Dias

See All by David Dias
Tailwind CSS - Transitioning Away from Styled Components
Avatar for David Dias thedaviddias
0
190
My Front-End Developer Career Path
Avatar for David Dias thedaviddias
0
200
Buy & Sell Contest 2022 - Behind the scenes
Avatar for David Dias thedaviddias
0
53
Web Accessibility fundamentals (for developers)
Avatar for David Dias thedaviddias
0
80
Web Accessibility fundamentals (for qa and product owners)
Avatar for David Dias thedaviddias
0
52
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
74
Tools to develop fast and with efficiency
Avatar for David Dias thedaviddias
1
370
How to invite a Front-End developer to dance?
Avatar for David Dias thedaviddias
0
220

Other Decks in Programming

See All in Programming
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
560
Vite+ Unified Toolchain for the Web
Avatar for Naoki Haba naokihaba
0
240
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
3
1.9k
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
120
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
180
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
530
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
Avatar for nrs nrslib
13
3.6k
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
2
520
Spec-Driven Development with AI-Agents: From High-Level Requirements to Working Software
Avatar for Anton Arhipov antonarhipov
2
490
ローカルLLMでどこまでコードが書けるか -拡張版 /　How much code can be written on a local LLM Extended
Avatar for Naoki Kishida kishida
2
160
AI駆動開発で崩れていくコードベースを立て直す
Avatar for Kyoko NR kyoko_nr_nr
1
450
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
Avatar for hirokuni-maeta hirokunimaeta
0
530

Featured

See All Featured
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
270
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
170
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
200
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
52k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
390
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
570
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
580
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
170

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.