Accessibilitype! (Web Afternoon)

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

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