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

Accessibilitype! (Web Afternoon)

Erik Vorhes
October 04, 2013

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

Other Decks in Design

Transcript

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

    View Slide

  8. View Slide

  9. Georgia

    View Slide

  10. View Slide

  11. Comic Sans

    View Slide

  12. View Slide

  13. [Zapf Dingbats]

    View Slide

  14. Accessible Type

    View Slide

  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

    View Slide

  16. What about webfonts?

    View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. Accessible Typography

    View Slide

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

    View Slide

  25. In Action

    View Slide

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

    View Slide

  27. View Slide

  28. View Slide

  29. View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  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

    View Slide

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

    View Slide