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
210
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
88
Web Accessibility fundamentals (for qa and product owners)
Avatar for David Dias thedaviddias
0
56
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
78
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
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
Avatar for k.goto gotok365
3
2.8k
AI Engineeringは、AIプロダクトだけのものか？ 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
Avatar for r-kagaya rkaga
4
450
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
Avatar for petamoriken / 森建 petamoriken
0
210
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
Avatar for hond hond0413
0
230
the container ship “Apple Silicon”@WWDC26 Recap -Japan-\(region).swift
Avatar for gangan shingangan
0
130
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
Avatar for Har1101 har1101
2
290
今さら聞けない .NET CLI
Avatar for tkym htkym
0
200
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
Avatar for Susisu susisu
0
240
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
380
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
770
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
590
属人化した知識を、 AIが辿れる地図にする
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
1
180

Featured

See All Featured
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
240
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.1k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
3k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
470
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
420
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.4k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
960

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.