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
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
29
12k
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
390
運用エージェントは "作る" から "育てる" へ - 記憶と自己進化の3層設計パターン / self-evolving-agents-three-layer-agent-design
Avatar for geeawa gawa
12
3.6k
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
230
Spec-Driven Development with AI-Agents: From High-Level Requirements to Working Software
Avatar for Anton Arhipov antonarhipov
2
490
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
2
520
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.2k
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
320
IBM Bobを活用したレガシーアプリの最新化
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
1
190
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
Avatar for hirokuni-maeta hirokunimaeta
0
530
Agentic UI
Avatar for Manfred Steyer manfredsteyer
PRO
0
130

Featured

See All Featured
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
810
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
390
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.7k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
360
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
310
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

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.