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

Accessibilitype! (TypeCon2013: Portl&)

Erik Vorhes
August 25, 2013
Design
1
580

Accessibilitype! (TypeCon2013: Portl&)

I gave this talk at “TypeCon2013: Portl&.” Additional notes are coming (follow me on Twitter — @erikvorhes — for updates).

Erik Vorhes

August 25, 2013
Tweet

More Decks by Erik Vorhes

See All by Erik Vorhes
Accessibilitype! (Web Afternoon)
erikvorhes
0
410
Press Checks in the Age of Web Type
erikvorhes
5
1k
Meet the New Web Typography: Same as the Old Web Typography
erikvorhes
4
590

Other Decks in Design

See All in Design
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜
tak073
0
170
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
180
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン｜TOKYO CREATIVE COLLECTION
madue
1
1.3k
Night Shift concept 9/15/2024
cpineda57
0
750
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
510
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
150
世界中のチームワークを どうデザインしているのか
ka3zu1ma10
0
230
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
450
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
Yahoo Newsletter Clicker Template
xuechunwu
0
300
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.2k
最速[要出典]アクセシビリティチェック
magi1125
2
130

Featured

See All Featured
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Thoughts on Productivity
jonyablonski
67
4.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
It's Worth the Effort
3n
183
28k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Documentation Writing (for coders)
carmenintech
66
4.5k
A designer walks into a library…
pauljervisheath
204
24k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k

Transcript

  1. Accessibilitype! Erik Vorhes · TypeCon2013: Portl& · 25 August 2013

  2. Accessibility is about inclusion.

  3. Accessibility is about breaking down barriers.

  4. Accessibility is not only about blindness.

  5. Guess that typeface!

  6. None

  7. Georgia

  8. None

  9. Verdana

  10. None

  11. Comic Sans

  12. None

  13. Zapf Dingbats

  14. Accessible Typography

  15. • Whitespace • Color & Contrast • Size • Weight

  16. Accessible Type

  17. 1Il 0Oo ij Helvetica 1Il 0Oo ij Georgia 1Il 0Oo

    ij Lucida Grande 1Il 0Oo ij Times New Roman 1Il 0Oo ij Verdana 1Il 0Oo ij Trebuchet 1Il 0Oo ij Comic Sans

  18. What about webfonts?

  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None

  27. Time to play.

  28. The Wife’s Lament Exeter Book, folio 115ª

  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None

  44. Resources • Web Content Accessibility Guidelines http://www.w3.org/WAI/intro/wcag.php • WebAIM http://webaim.org

    • Colo(u)r Contrast http://snook.ca/technical/colour_contrast/colour.html http://webaim.org/resources/contrastchecker • xScope http://xscopeapp.com

  45. Thank you! http://erik.vorh.es @erikvorhes “Accessibilitype!” · TypeCon2013: Portl&