Access the invisible visible

  • View
    1.327

  • Download
    0

  • Category

    Design

Preview:

DESCRIPTION

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

Citation preview

Access the invisible visibleGoing beyond Accessibility

Aboutmyself

★ Jo Spelbrink

★ Multimedia Design / Accessibility

★ Founding member of(www.accessiblemedia.at)

zugang für alle

StandardsWCAG 2.0

★ Four principles of Accessibility:

★ Perceivable

★ Operable

★ Understandable

★ Robust

★ www.w3.org/TR/WCAG20/

„Understanding Accessibility can drive you nuts,

right?“

Do you have an idea why?

It‘s not about machines, it‘s

just about people ...

... with disabilities?!

No! It‘s about diversity of

human beings!

They have different strenghts of

perception and prefered actions!

In general we tend to see only

handicaps.

It‘s a matter of perspective

Imagine, you can see but you are

still blind...

... because you don‘t know

enough about these people!

Try to imagine their perception and actions ...

... like a film director

switching to the role of the

actors!

Do the same as a designer or developer

diving into different user experiences!

UserExpierences I

★ Visual Asthetics and Layout

★ Colors, Contrast and Fonts

★ Information Architecture/Contextual Content

★ Structure and Semantics

★ Functions und Interactions

★ Devices

★ Alternative Content Support

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)

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)

Accessibility is a balance of a satisfying

and holisticuser experience!

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

Website has its own context.

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

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

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)

Thank you!Getting in touch:

js@jooli.atwww.twitter.com/joville

Recommended