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

Accessibilitype! (TypeCon2013: Portl&)

Erik Vorhes
August 25, 2013

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

Other Decks in Design

Transcript

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

    View Slide

  2. Accessibility is
    about inclusion.

    View Slide

  3. Accessibility is about
    breaking down barriers.

    View Slide

  4. Accessibility is not only about blindness.

    View Slide

  5. Guess that typeface!

    View Slide

  6. View Slide

  7. Georgia

    View Slide

  8. View Slide

  9. Verdana

    View Slide

  10. View Slide

  11. Comic Sans

    View Slide

  12. View Slide

  13. Zapf Dingbats

    View Slide

  14. Accessible Typography

    View Slide

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

    View Slide

  16. Accessible Type

    View Slide

  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

    View Slide

  18. What about webfonts?

    View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. View Slide

  25. View Slide

  26. View Slide

  27. Time to play.

    View Slide

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

    View Slide

  29. View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. View Slide

  37. View Slide

  38. View Slide

  39. View Slide

  40. View Slide

  41. View Slide

  42. View Slide

  43. View Slide

  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

    View Slide

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

    View Slide