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

Accessibilitype! (Web Afternoon)

Erik Vorhes
October 04, 2013
Design
0
400

Accessibilitype! (Web Afternoon)

I gave this talk at Web Afternoon, in Atlanta, Georgia. Additional notes are coming (follow me on Twitter — @erikvorhes — for updates).

Erik Vorhes

October 04, 2013
Tweet

More Decks by Erik Vorhes

See All by Erik Vorhes
Accessibilitype! (TypeCon2013: Portl&)
erikvorhes
1
570
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
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
7
1.8k
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
370
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
650
利用者が離れないUX/UIデザイン　長く使われる業務アプリデザインのポイント
ncdc
3
180
Осязаемый потребительский опыт. Ловим его за хвост с Картой процесса-опыта
ashapiro
2
220
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
140
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
500
ネーミングの極意 - その名は体を現していますか？ -
kakukoki
1
150
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
490
世界中のチームワークを どうデザインしているのか
ka3zu1ma10
0
210
Commune_Brand_Guideline_JA
commune
1
170
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
830

Featured

See All Featured
Building Adaptive Systems
keathley
38
2.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Unsuck your backbone
ammeep
668
57k
Writing Fast Ruby
sferik
627
61k
KATA
mclloyd
29
14k
Scaling GitHub
holman
458
140k
Six Lessons from altMBA
skipperchong
27
3.5k
Practical Orchestrator
shlominoach
186
10k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k

Transcript

  1. Accessibilitype! Erik Vorhes · Web Afternoon · 4 October 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. Verdana

  8. None

  9. Georgia

  10. None

  11. Comic Sans

  12. None

  13. [Zapf Dingbats]

  14. Accessible Type

  15. 1Il 0Ooa ij Helvetica 1Il 0Ooa ij Georgia 1Il 0Ooa

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

  16. What about webfonts?

  17. None
  18. None
  19. None
  20. None
  21. None
  22. None

  23. Accessible Typography

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

  25. In Action

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

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

  35. 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 Typecast http://typecast.com Explorations in Typography http://explorationsintypography.com Butterick’s Practical Typography http://practicaltypography.com

  36. Thank you! http://erik.vorh.es @erikvorhes “accessibilitype!” · Web afternoon · atlanta