Access the invisible visible

26
Access the invisible visible Going beyond Accessibility

description

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

Transcript of Access the invisible visible

Page 1: Access the invisible visible

Access the invisible visibleGoing beyond Accessibility

Page 2: Access the invisible visible

Aboutmyself

★ Jo Spelbrink

★ Multimedia Design / Accessibility

★ Founding member of(www.accessiblemedia.at)

zugang für alle

Page 3: Access the invisible visible

StandardsWCAG 2.0

★ Four principles of Accessibility:

★ Perceivable

★ Operable

★ Understandable

★ Robust

★ www.w3.org/TR/WCAG20/

Page 4: Access the invisible visible

„Understanding Accessibility can drive you nuts,

right?“

Page 5: Access the invisible visible

Do you have an idea why?

Page 6: Access the invisible visible

It‘s not about machines, it‘s

just about people ...

Page 7: Access the invisible visible

... with disabilities?!

Page 8: Access the invisible visible

No! It‘s about diversity of

human beings!

Page 9: Access the invisible visible

They have different strenghts of

perception and prefered actions!

Page 10: Access the invisible visible

In general we tend to see only

handicaps.

Page 11: Access the invisible visible
Page 12: Access the invisible visible

It‘s a matter of perspective

Page 13: Access the invisible visible

Imagine, you can see but you are

still blind...

Page 14: Access the invisible visible

... because you don‘t know

enough about these people!

Page 15: Access the invisible visible

Try to imagine their perception and actions ...

Page 16: Access the invisible visible

... like a film director

switching to the role of the

actors!

Page 17: Access the invisible visible

Do the same as a designer or developer

diving into different user experiences!

Page 18: Access the invisible visible

UserExpierences I

★ Visual Asthetics and Layout

★ Colors, Contrast and Fonts

★ Information Architecture/Contextual Content

★ Structure and Semantics

★ Functions und Interactions

★ Devices

★ Alternative Content Support

Page 19: Access the invisible visible

UserExperience 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)

Page 20: Access the invisible visible

UserExpierences 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)

Page 21: Access the invisible visible

Accessibility is a balance of a satisfying

and holisticuser experience!

Page 22: Access the invisible visible

Never try to conceive of WCAG 2.0 as a checklist. Every

Website has its own context.

Page 23: Access the invisible visible

Drupal AspectsAccessibility - 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.)

Page 24: Access the invisible visible

Drupal Aspects IIAccessibility - 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!)

Page 25: Access the invisible visible

Drupal Aspects IIIAccessibility 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)