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

Accessibility is more than just supporting scre...

Avatar for SerenD SerenD
June 11, 2018
Technology
0
290

Accessibility is more than just supporting screenreaders

My Edinburgh University Software Development Community talk from 31st January 2018 Oxford, UK. Where I explore how people with cognitive, physical, hearing and sight difficulties experience the web, and how the decisions we make as developers affect their experience.
Avatar for SerenD

SerenD

June 11, 2018
Tweet

More Decks by SerenD

See All by SerenD
Accessibility is more than just supporting screenreaders
Avatar for SerenD ninjanails
1
84
Accessibility is more than just supporting screenreaders
Avatar for SerenD ninjanails
0
170
Accessibility is more than just supporting screenreaders
Avatar for SerenD ninjanails
0
700
Accessibility is more than just supporting screenreaders
Avatar for SerenD ninjanails
0
170
Accessibility is more than just supporting screenreaders
Avatar for SerenD ninjanails
1
490
web building dyslexic a friendly
Avatar for SerenD ninjanails
3
370
Death to Icon Fonts
Avatar for SerenD ninjanails
5
720
Death to Icon Fonts
Avatar for SerenD ninjanails
1
870
Death to Icon Fonts
Avatar for SerenD ninjanails
107
65k

Other Decks in Technology

See All in Technology
Google Cloud Next 2025 Recap アプリケーション開発を加速する機能アップデート / Application development-related features of Google Cloud
Avatar for turbofish ryokotmng
0
300
Software Delivery Observability CI・CD , DORA metrics も Datadog で可視化しよう / datadog-ci-cd-observability
Avatar for Annosuke Yokoo parupappa2929
0
120
The PyArrow revolution in Pandas
Avatar for Reuven M. Lerner reuven
0
110
Azure × MCP 入門
Avatar for Ryosuke Hyakuta ry0y4n
8
1.9k
LLM アプリケーションのためのクラウドセキュリティ - CSPM の実装ポイント-
Avatar for KINTOテクノロジーズ Osaka Tech Lab osakatechlab
0
440
Amplifyとゼロからはじめた AIコーディング。失敗と気づき
Avatar for k.masachika mkdev10
1
150
Kaigi Effect 2025 #rubykaigi2025_after
Avatar for sue445 sue445
0
170
クラウドネイティブ環境の脅威モデリング
Avatar for Kyohei Mizumoto kyohmizu
2
430
Datadog のトライアルを成功に導く技術 / Techniques for a successful Datadog trial
Avatar for 株式会社ヌーラボ nulabinc
PRO
0
180
時間がないなら、つくればいい 〜数十人規模のチームが自律性を発揮するために試しているいくつかのこと〜
Avatar for KAKEHASHI kakehashi
PRO
24
5.8k
正解のない未知(インボイス制度対応)をフルサイクル開発で乗り越える方法 / How to overcome the unknown invoice system with full cycle development
Avatar for CARTA Engineering carta_engineering
0
140
Terraform にコントリビュートしていたら Azure のコストをやらかした話 / How I Messed Up Azure Costs While Contributing to Terraform
Avatar for ののし nnstt1
1
550

Featured

See All Featured
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Navigating Team Friction
Avatar for Lara Hogan lara
185
15k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
710
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
430
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
205
24k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
33
6.6k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k

Transcript

  1. Accessibility is more than just supporting screenreaders @ninjanails Edinburgh University,

    June 2018

  2. https://www.flickr.com/photos/chadsantos/263551766/ So what is accessibility?

  3. Permanent Temporary Situational Accessibility #DYZ

  4. Cognitive
 Touch
 Speech
 Hearing
 Sight ⚙

  5. Cognitive https://www.flickr.com/photos/carlos_gq/14693441185/

  6. None

  7. 1 in 10 have Dyslexia

  8. Even experts get it wrong sometimes

  9. HELLO WORLD #DYZ

  10. HELLO WORLD

  11. Make your text bold

  12. None

  13. Animation https://www.flickr.com/photos/pluspunkt/7217738496/ #DYZ

  14. None

  15. Good example of animations
 
 example - smashing

  16. Tipsy/drunk

  17. https://shkspr.mobi/blog/2014/01/ui-for-drunks/

  18. https://twitter.com/joecainey/status/734212894271799297

  19. https://www.flickr.com/photos/roadsidepictures/6643603567/ Touch or movement

  20. None

  21. #DYZ

  22. Small areas for links #DYZ

  23. None
  24. None

  25. Sight https://www.flickr.com/photos/rolfo87/2856584911/

  26. Colour blindness http://www.colourblindawareness.org/

  27. 1 in 12 men are colour blind

  28. None
  29. None
  30. None
  31. None
  32. None
  33. None

  34. https://www.flickr.com/photos/soitiki/5089584379/ Deaf or hard of hearing

  35. 1 in 6 have some form of hearing loss

  36. None

  37. Youtube example of captioning on videos

  38. https://www.flickr.com/photos/kitty-kat/6049220331/

  39. https://www.flickr.com/photos/visualanthology/12916267353/

  40. https://www.flickr.com/photos/free_for_commercial_use/14375461993/ @ninajanails serendavies.me