26
Access the invisible visible Going beyond Accessibility

Access the invisible visible

Embed Size (px)

DESCRIPTION

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

Citation preview

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)