50
web 2.0 & univers al desi gn

Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Embed Size (px)

Citation preview

Page 1: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

web 2.0 &universal desig

n

Page 2: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Introduction

• From then to now• Layers of change• Accessible for whom? • Web 2.0 and accessibility• What is Universal Design?• Looking to the future

Page 3: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

1. From then to now

Page 4: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

1989 - a vintage year• Ted Henson releases JAWS (Job Access

With Speech)

• Tim Berners-Lee’s original proposal for the web

Page 5: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Universality and accessibility"The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”

Tim Berners-Lee

Page 6: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

WCAG 1

• May, 1999 – WCAG 1 released

• Adopted widely

Page 7: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

The modern web

• Inclusive/open• Collaborative• Interactive/Rich user experience• New jargon (web 2.0, mashups) • Rapid growth in online communities

Page 8: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Back to the future

• The accessibility message is slipping - we seem to be going backwards

• Hostility towards legislation of accessibility - “How dare they tell us we have to do this”

• Arguments in the web community - such as the Target, Flickr and CAPTCHA

Page 9: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

2. Layers of change

Page 10: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

The PDF story

• 1993 – release of PDF 1

• Moving to the Web

• Early PDF not accessible

• Accessibility gradually improves

Page 11: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

The Flash story

• Demand for the “TV experience” • 1996 - Macromedia release Flash 1• Poor accessibility• 2002 - Flash MX and Player 6 released• 2002 - JAWS 4.5 released (with MSAA

support)

Page 12: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

The AJAX story

• 2005 - Jesse James Garret introduces AJAX• What is AJAX? • AJAX inaccessible under WCAG1• 2006 - JAWS 7.1 released with some support

for AJAX• 2008 - JAWS 8 released - better support

Page 13: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Stimulus and process• Initial stimulus for PDF and Flash

• Improvements filter down

• Reflected in guidelines

• Process slow

• AJAX - process quick

Page 14: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

About Pace layering

• Stuart Brand introduces “Pace Layering” in his book “How Buildings Learn”

• At the core level change happens slowly

• At the surface level change happens rapidly

• Change often causes tension and friction between layers

Page 15: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Pace layering - key elements• Changes that happen at one layer filter down

• Differing rates of change cause friction between layers

• The different rates of change are beneficial

"The fast parts learn, propose, and absorb shocks; the slow parts remember, integrate, and constrain. The fast parts get all the attention. The slow parts have all the power.”

Steward Brand, The Long Now Foundation

Page 16: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Pace layering and the web• When considering the question of Web 2.0

accessibility, we decided to take a Pace Layering look at the development of the web.

Page 17: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Pace layering and the web

Page 18: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

AJAX and pace layering

Page 19: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

AJAX and pace layering

Page 20: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

AJAX and pace layering

Page 21: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

AJAX and pace layering

Page 22: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

AJAX and pace layering

Page 23: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Image replacement

Page 24: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Image replacement

Page 25: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

3. Accessibility for whom?

Page 26: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Web accessibility 1.0

• Vision impairment to where?

Page 27: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Is Flash a valid tool?

• high impact visual websites• can be accessible • can also be used to present complex ideas in

simple ways • ideal for cognitive and learning difficulties

– http://www.trans-active.org.uk/teenz/transit/index.htm– http://www.starfall.com/

• very few websites in this area - why?

Page 28: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Dissin’ Flash

• Text and non-text alternatives

• Who’s afraid of Flash

Page 29: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Is Second Life accessible?• Not for screen reader users

• How about people with other disabilities?

• Video

Page 30: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

4. Web 2.0 and accessibility

Page 31: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Web 2.0 accessibility

• Are we more inclusive than before?• Is it getting easier?

Page 32: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Are we more inclusive?

• The web has become more inclusive in publishing - blogging, flickr, youtube, facebook, myspace

• But what about accessing this new content?

Page 33: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Is it getting easier?

• Should users or applications be responsible for accessibility?

• Ideally tools/applications should carry the burden

• Flickr default alt

Page 34: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

5. What is universal design?

Page 35: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

The right model?

• Universality & Accessibility camps

• One-web?

Page 36: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

One site doesn’t fit all• Different disabilities – different audiences

• Text only

• Different presentation - same CONTENT

• Different content - same CONCEPT

• One site does not fit all

Page 37: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Ghettos or narrow-casting• Ghettoisation

• Is “text-only” the way to go?

• The brain machine

• Narrow-casting

Page 38: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

6. Looking to the future

Page 39: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

W3C and WAI

• Limited opportunities for participation

• WCAG 2

• Last Call Draft (April 2006)

• What about people with cognitive and learning difficulties

• Baseline hostility – why?

Page 40: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Pace layering done right

Page 41: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Pace layering done right

Page 42: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Pace layering done right

Page 43: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Pace layering done right

Page 44: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Pace layering done right

Page 45: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Core driven change

Page 46: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Core driven change

Page 47: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Core driven change

?

?

Page 48: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Core driven change

HTML5

Baseline

Page 49: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

7. Conclusion

Page 50: Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web 2.0 and accessibility What is Universal Design? Looking

Thank you