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
79
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
200
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
55
Web Accessibility fundamentals (for developers)
Avatar for David Dias thedaviddias
0
83
Web Accessibility fundamentals (for qa and product owners)
Avatar for David Dias thedaviddias
0
54
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
77
Tools to develop fast and with efficiency
Avatar for David Dias thedaviddias
1
380
How to invite a Front-End developer to dance?
Avatar for David Dias thedaviddias
0
230

Other Decks in Programming

See All in Programming
Foundation Models frameworkで画像分析
Avatar for リョウ ryodeveloper
1
110
フィードバックで育てるAI開発
Avatar for Kota Minato kotaminato
1
110
SLOをサービス品質の共通言語にするために 取り組んできたこと
Avatar for wakanaction wakana0222
0
500
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.3k
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
220
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
2
300
Contextとはなにか
Avatar for chiroruxx chiroruxx
1
400
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
Avatar for Yusuke Wada yusukebe
7
1.9k
AI駆動開発を妨げる技術的負債の解消アプローチ / ai-refactoring-approach
Avatar for MinoDriven minodriven
17
9k
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
Avatar for SlashNephy slashnephy
0
520
ビデオ通話が繋がる0.2秒で何が起きているのか
Avatar for Miyamoto Naoyuki supurazako
2
140
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
Avatar for shiro seike seike460
PRO
1
210

Featured

See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
180
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
320
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
340
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
260
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
200
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
150
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
260
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.4k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k

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.