18
Curb-cuts on the Web. Why Accessibility Benefits Everybody. Martin Kliehm. Senior Frontend Engineer. Namics. 6 October 2010. P2PU. Web Accessibility. Photo: http://flic.kr/p/55Sh6D

P2PU Web Accessibility Lesson 1: Setting Motivation

Embed Size (px)

DESCRIPTION

Part 1 of a series of web talks about accessibility as part of the Mozilla Drumbeat P2PU project.

Citation preview

Page 1: P2PU Web Accessibility Lesson 1: Setting Motivation

Curb-cuts on the Web.Why Accessibility Benefits Everybody.

Martin Kliehm. Senior Frontend Engineer. Namics.

6 October 2010. P2PU. Web Accessibility.

Photo: http://flic.kr/p/55Sh6D

Page 2: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

/me

2010-10-06 2

Skills Web standards and browser technologies Accessibility, usability, device independence Internationalisation (i18n) and localisation (L10N) Technical concept and consulting Talks at international conferences about web topics

Committees Invited Expert in the W3C HTML Working Group Invited Expert in the W3C Accessibility Task Force Stakeholder of the authorised German translation of

the W3C Web Content Accessibility Guidelines (WCAG 2.0)

Member in the International Liaison Group of the Web Standards Project

Co-author of the German translation of the WaSP InterAct Curriculum

Member of the Webkrauts

Martin Kliehm.Senior Frontend Engineer.

Development, Accessibility,Mobile Access, i18n

Work ExperienceSince 1996, accessibility since 1999, at Namicssince 2008

Contacthttp://klie.hm/profilehttp://twitter.com/kliehm

P2PU. Web Accessibility.

Page 3: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.P2PU. Web Accessibility.

Web Accessibility

1. Setting Motivation

2010-10-06 3

Page 4: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

Accessibility

“Accessible are […] systems of information technology […], if they are accessible and usable for people with disabilities in a common way, without exceptional burden and principally without outside help.”

German Equal Rights for Disabled Persons Act

42010-10-06 P2PU. Web Accessibility.

Page 5: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

Change of paradigms: disability used to be seen as a medical condition.

2010-10-06 5 P2PU. Web Accessibility.

http://flic.kr/p/2Vcqt5

Page 6: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

Disability asindividual problem

2010-10-06 6 P2PU. Web Accessibility.

http://flic.kr/p/ws4tD

Human dignity?

Page 7: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.2010-10-06 7 P2PU. Web Accessibility.

http://failblog.org/2008/09/05/ramp-fail/

The wheelchair doesn‘t create barriers, it‘s the architecture …or society

“Disability results from an interaction between a non-inclusive society and individuals.”

UN Convention on theRights of People with Disabilities

Page 8: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.2010-10-06 9

http://flic.kr/p/6SEier

Change of focus:“disabled” emphasizes the disability.

P2PU. Web Accessibility. Namics.

Page 9: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.2010-10-06 10

http://flic.kr/p/6SEier

“People with disabilities” sets emphasis on the person.

P2PU. Web Accessibility. Namics.

Page 10: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

Change of paradigm:bolt-on accessibility

2010-10-06 11 P2PU. Web Accessibility.

http://flic.kr/p/8H1Q

Page 11: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.2010-10-06 12 P2PU. Web Accessibility.

http://flic.kr/p/rZh2F

Andreas Slominski:„Wheelchair for Crossing theStairs in Odessa“

Museum of Modern Art, Frankfurt

Page 12: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

http://en.wikipedia.org/wiki/Potemkin_Stairs

2010-10-06 13 P2PU Web Accessibility. Namics.

Potemkin-Stairs in Odessa

Page 13: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

http://flic.kr/p/55Sh6D

2010-10-06 14 P2PU Web Accessibility. Namics.

Accessibility as an integral part of design

Page 14: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

http://flic.kr/p/4dqGWd

2010-10-06 15 P2PU Web Accessibility. Namics.

Page 15: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

http://flic.kr/p/6VCacm

2010-10-06 16 P2PU Web Accessibility. Namics.

Page 16: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

http://flic.kr/p/5o8k42

2010-10-06 P2PU Web Accessibility. Namics.17

Page 17: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

http://flic.kr/p/8W93u

2010-10-06 P2PU Web Accessibility. Namics.18

Page 18: P2PU Web Accessibility Lesson 1: Setting Motivation

Namics.

Thanks.

2010-10-06 19 P2PU. Web Accessibility.

twitter: @kliehmSlides: http://goo.gl/dH6sContact: http://klie.hm/profile