16
HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni Università della Svizzera Italiana (Switzerland)

HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

Embed Size (px)

Citation preview

Page 1: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

HELP:Listen to a website

Discovering new design solutions for Web accessibility

Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy)

Marco Speroni

Università della Svizzera Italiana (Switzerland)

Page 2: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

2

The WEB is essentially VISUAL

• Large amount of information in one page

• Kind of content recognizable by colour, position, size

Page 3: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

3

They navigate content through a screen-reader

• Web pages’ content is too complex • The graphic’s semantics is lost• Lists of items are unusable• The command “back” means… having the whole

page read again!

Implications for Visually impaired people

When Web pages are “read”:

Page 4: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

4

W3C guidelines

“Priority 1: provide a text equivalent for every non-text element”

Page 5: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

5

W3C Standard 1/2

• CONTENT GUIDELINES– Quite satisfactory

• LABELS/INTERFACE– Details satisfactory– Overall organization revising

• OVERALL ORGANISATION & NAVIGATION– Lacking! (but for generic recommendation)

Page 6: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

6

W3C Standard 2/2

• It is a “must”• It is not the final answer at all!

Applications following the standard not necessarily are accessible (in most cases they are not)

Page 7: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

7

Our approach: WED (WEb as Dialogue)

Human-computer interaction interpreted as a dialogue

I am interested in Munch

I can tell you about his life, his prints, his…

Tell me about the prints

A joint initiative of the Politecnico di Milano (Italy) and the University of Lugano (Switzerland)

Page 8: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

8

WED Approach

• Focus on information intensive web sites (e.g. cultural heritage)

• Compare similar human-human dialogues

• Bring linguistic models in

ORAL COMMUNICATION IS DIFFERENT FROM VISUAL SUPPORTED COMMUNICATION

Page 9: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

9

WED Preliminary results

• NAVIGATION DESIGN PRINCIPLES

• PAGE ORGANISATION

• READING STRATEGY

• LABELS

Page 10: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

10

Munch web site 1/3

Page 11: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

11

For the exhibition of Munch’s prints in Berlin (Staatliche Museen) in Spring 2003

Within the HELP project partially funded by the European Commission

Optimised for visually impaired users

Munch web site 2/3

Page 12: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

12

 

The page schema (regularly repeated in the whole site)

Munch web site 3/3An example of advanced feature

Page 13: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

13

“The first impression of the site is very positive. The pages are clearly structured. All the links have detailed titles which allow an informative and nice internet session.”

“With JAWS I needed about 1,5 minutes to get a general overview for all further action. This seems to me an acceptable time.”

First feedbacks

Page 14: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

14

• Development of systematic/empirical evaluation methodologies, in order to assess more precisely the acceptability of application for blind users.

• Definition of guidelines for difficult problems, such as dealing with long lists of items or dealing with text referring to visual experiences.      

Future work/1

Page 15: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

15

• Improving the effectiveness of navigational patterns for blind users, who can never look at the screen, therefore must rely only upon oral communication.

• Development of “semi-oral” navigational patterns, for those users who in a given context (e.g. walking in an archeological park or a museum) would rather listen to the application, but may occasionally look at a (small) screen.

Future work/2

Page 16: HELP:Listen to a website Discovering new design solutions for Web accessibility Paolo Paolini, Nicoletta Di Blas, Politecnico di Milano (Italy) Marco Speroni

16

Would you like to know more?Would you like to help us in our research?

[email protected][email protected]

www.munchundberlin.org

Contacts