Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web...

50
web 2.0 & univers al desi gn

Transcript of Web 2.0 & universal desig n. Introduction From then to now Layers of change Accessible for whom? Web...

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