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

1. Access the invisible visible
Going beyond Accessibility

2. About
myself
★ Jo Spelbrink
★ Multimedia Design / Accessibility
★ Founding member of
zugang für alle
(www.accessiblemedia.at)

3. Standards
WCAG 2.0
★ Four principles of Accessibility:
★ Perceivable
★ Operable
★ Understandable
★ Robust
★ www.w3.org/TR/WCAG20/

4. „Understanding
Accessibility can
drive you nuts,
right?“

5. Do you have an
idea why?

6. It‘s not about
machines, it‘s
just about
people ...

7. ... with disabilities?!

8. No! It‘s about
diversity of
human beings!

9. They have different
strenghts of
perception and
prefered actions!

10. In general we
tend to see only
handicaps.

12. It‘s a matter of
perspective

13. Imagine, you can
see but you are
still blind...

14. ... because you
don‘t know
enough about
these people!

15. Try to imagine
their perception
and actions ...

16. ... like a film
director
switching to the
role of the
actors!

17. Do the same as a
designer or developer
diving into different
user experiences!

18. 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

19. 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)

20. 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)

21. Accessibility is a
balance of a satisfying
and holistic
user experience!

22. Never try to conceive
of WCAG 2.0 as a
checklist. Every
Website has its own
context.

23. 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.)

24. 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!)

25. 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)

26. Thank you!
Getting in touch:
js@jooli.at
www.twitter.com/joville