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 full-size slide

  2. Accessibility is
    about inclusion.

    View full-size slide

  3. Accessibility is about
    breaking down barriers.

    View full-size slide

  4. Accessibility is not only about blindness.

    View full-size slide

  5. Guess that typeface!

    View full-size slide

  6. [Zapf Dingbats]

    View full-size slide

  7. Accessible Type

    View full-size slide

  8. 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 full-size slide

  9. What about webfonts?

    View full-size slide

  10. Accessible Typography

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  13. 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 full-size slide

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

    View full-size slide