Access the invisible visible

1,014 views

Published on

Slides of my talk at Drupalcamp Vienna on November 28th, 2009.

Access the invisible visible

  1. 1. Access the invisible visible Going beyond Accessibility
  2. 2. About myself ★ Jo Spelbrink ★ Multimedia Design / Accessibility ★ Founding member of zugang für alle (www.accessiblemedia.at)
  3. 3. Standards WCAG 2.0 ★ Four principles of Accessibility: ★ Perceivable ★ Operable ★ Understandable ★ Robust ★ www.w3.org/TR/WCAG20/
  4. 4. „Understanding Accessibility can drive you nuts, right?“
  5. 5. Do you have an idea why?
  6. 6. It‘s not about machines, it‘s just about people ...
  7. 7. ... with disabilities?!
  8. 8. No! It‘s about diversity of human beings!
  9. 9. They have different strenghts of perception and prefered actions!
  10. 10. In general we tend to see only handicaps.
  11. 11. It‘s a matter of perspective
  12. 12. Imagine, you can see but you are still blind...
  13. 13. ... because you don‘t know enough about these people!
  14. 14. Try to imagine their perception and actions ...
  15. 15. ... like a film director switching to the role of the actors!
  16. 16. Do the same as a designer or developer diving into different user experiences!
  17. 17. User Expierences I ★ Visual Asthetics and Layout ★ Colors, Contrast and Fonts ★ Information Architecture/Contextual Content ★ Structure and Semantics ★ Functions und Interactions ★ Devices ★ Alternative Content Support
  18. 18. User Experience II (Examples of specialists) ★ Visual Asthetics and Layout (Deaf People) ★ Colors, Contrast and Fonts (Visually Impaired/Deaf) ★ Information Architecture/Contextual Content (Learning Disabilities) ★ Structure and Semantics (Blind) ★ Functions und Interactions (Motion Impaired/Blind) ★ Devices (Blind/Visually Impaired/Motion Impaired) ★ Alternative Content (Blind and Deaf)
  19. 19. User Expierences III (Examples) ★ Visual Asthetics and Layout (Design) ★ Colors, Contrast and Fonts (Design) ★ Information Architecture/Contextual Content (Glossary) ★ Structure and Semantics (Headline Structures etc.) ★ Functions und Interactions (JS-Events, Focus, Jumpers) ★ Devices (Data communication with Interfaces) ★ Alternative Content (Captions and Audiodescription)
  20. 20. Accessibility is a balance of a satisfying and holistic user experience!
  21. 21. Never try to conceive of WCAG 2.0 as a checklist. Every Website has its own context.
  22. 22. Drupal Aspects Accessibility - sensitive Drupal ★ Flexibility of content building (Node Architecture/Regions) ★ Clean seperation of Structure, Data and Design ★ Backend Theme can be easily designed and adapted ★ Modular Theme-Developing (Page.tpl, Node.tpl, Blocks.tpl etc.)
  23. 23. Drupal Aspects II Accessibility - sensitive Drupal ★ Devel-Module, a great inspiration: ★ Debugging-Tool for Accessibility (WAI- ARIA, Alt-Text for Pictures) ★ Visualisation tool of semantical Structure directly on screen (visualize the invisible!)
  24. 24. Drupal Aspects III Accessibility case-sensitive ★ Accessibility features should be a standard in Drupal (Alt-Text for pictures etc./captions for videos) as assistant (without any need of modules) ★ Icons for backend navigation (would help with finding and understand)
  25. 25. Thank you! Getting in touch: js@jooli.at www.twitter.com/joville

×