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

Slides:



Advertisements
Similar presentations
1 TITLE OF THE ARTICLE Author (Institution) Co-Author (Institution) .
Advertisements

Planning Your web content
Planning Reports and Proposals
Art Foundations Exam 1.What are the Elements of Art? List & write a COMPLETE definition; you may supplement your written definition with Illustrations.
Slide 1 Insert your own content. Slide 2 Insert your own content.
Integrating 3D Geodata in Service-Based Visualization Systems Jan Klimke, Dieter Hildebrandt, Benjamin Hagedorn, and Jürgen Döllner Computer Graphics Systems.
Strategies and activities undertaken in Italy for diffusion and dissemination of Minerva products Ministerial NEtwoRk for Valorising Activities in digitisation.
1 Accessible Accessibility David Sloan, Peter Gregor, Murray Rowan, Paul Booth University of Dundee, Scotland.
Cultural Heritage in REGional NETworks REGNET Project Meeting Content Group Part 1: Usability Testing.
Cultural Heritage in REGional NETworks REGNET ALI Status Report.
1. 2 Italy: 296 : awarded projects and initiatives in the period 1999 – : average of awarded projects per year in the period 1999 – : National.
European Organisation for the Safety of Air Navigation ITEM 7 AGENCY BUSINESS PLANNING: Budget Process and Functional Budget Presented by the SCF Chairman.
0 - 0.
Chapter 3 Critically reviewing the literature
Module 2 Sessions 10 & 11 Report Writing.
Collection-level description & the Information Landscape: users evaluate strategies for resource discovery Collection Description Focus Workshop 5 Cambridge,
September Public Library Web Managers Workshop 2000 Cascading Style Sheets Manjula Patel UKOLN University of Bath Bath, BA2 7AY UKOLN is funded.
1 European benchmarking with the CAF ROME 17-18th of November 2003.
A Vehicle to Promote Student Learning
Website Design What is Involved?. Web Design ConsiderationsSlide 2Bsc Web Design Stage 1 Website Design Involves Interface Design Site Design –Organising.
Winning Strategies for the Ag Sales CDE
Localization processes applied to media-rich content Fabio Minazzi – Binari Sonori Srl – Italy, Mario De Bortoli – Euro.
Integrated Approach to Area Master Planning in Jubail Industrial City
5.9 + = 10 a)3.6 b)4.1 c)5.3 Question 1: Good Answer!! Well Done!! = 10 Question 1:
NEW EBRARY READER OVERVIEW July The new ebrary Reader Built entirely with user input – Student researchers worked with us to perfect the Reader.
1 REVIEWER ORIENTATION TO ENHANCED PEER REVIEW April
Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.
IMS5401 Web-based Systems Development Topic 3: Development for the web 3(f) Implications of issues in web site design.
Web Design Principles 5th Edition
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
44212: Web-site Development What is a Web Development Plan? Ian Perry Room:C49 Extension:7287
13-1 © Prentice Hall, 2004 Chapter 13: Designing the Human Interface (Adapted) Object-Oriented Systems Analysis and Design Joey F. George, Dinesh Batra,
2013 II Summer School September, ENEA, Rome, ITALY Web and multimedia database design Flavio Fontana ENEA Usability Lab, Department of Computer Science,
Davide Bolchini - HOC Politecnico di Milano / Tech Lab Università della Svizzera Italiana WP7.1: requisiti per applicazioni multicanale Requirements engineering.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Designing Good Web Pages. Form versus Function A good website is a compromise between form and function. While creativity is encouraged, you have to meet.
Web Site Design Howell Istance. SOFT Interactive Systems Web Site Design n Essentially the same process as when designing any interactive application,
Blackboard student guidepage 1 of 21 Blackboard Basics – finding your way  this guide explains how to find your way around a Blackboard course.  click.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
About Waterloo website Project report June Outline Overview of process Project deliverables Lessons learned.
Dhananjay Bhole, Coordinator, Accessibility Research Group, Department of Education and Extension, University of Pune.
07 HCI - Lesson 6 Introduction to MiLE+ : a systematic method for usability evaluation Prof. Garzotto.
University of South Alabama Library Website Design and Accessibility Evaluation.
CONTROLSITE & Accessibility Independence for All Presented by: John Leal Goss Interactive Production Team.
Enterprise & Intranet Search How Enterprise is different from Web search What to think about when evaluating Enterprise Search How Intranet use is different.
Chapter 19 Visual Design. Copyright © Houghton Mifflin Company. All rights reserved.19 | 2 Chapter overview Two reasons to consider visual design in a.
G050: Lecture 02 Evaluating Interactive Multimedia Products
1 Usability and accessibility of educational web sites Nigel Bevan University of York UK eTEN Tenuta support action.
Web Design with HTML & CSS Lesson 1. Planning Your Website   Good design comes from decisions that designers make in order to have a certain effect.
© 2005 Pearson Education Inc. Publishing as Longman Student Resource Guide: Reading and Evaluating Internet Sources Active Reading Skills, 1/e Kathleen.
Hartmut Obendorf, Harald Weinreich Faculty for Informatics, University of Hamburg The Look of the Link Concepts for the visualization of extended hyperlinks.
WEB ACCESSIBILITY Presentation December 2009 Plovdiv Bulgaria Sébastien LARDEUX, IT Montéclair Institute.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
M Durham1 Organisational Web sites: Cool or communicative? Assoc Professor Marsha Durham University of Western Sydney.
Revision for INFO3315 Revision lab. Knowledge of a key technique Q: State five of the most important things you need to do when you conduct a think-aloud.
COMM1PCOMM1P Alan Woolrych E-store lectures Monday 12/11/01 11:00 EC 13:00 ECA Page Layout 7.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
1 Module 8 Reporting Results. 2 Learning Objectives At the end of this session participants will:  Understand key points to effectively present results.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
Project Title Subtitle or Value Proposition Overview The basic problem you are attacking. Gain a cursory understanding of our approach to solving within.
MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
Survey Training Pack Session 20 – Presentation of Findings.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Managing the content of web pages
Step 1: Design for a Computer Medium
Information Systems 337 Prof. Harry Plantinga Usability.
Presentation transcript:

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)

2 The WEB is essentially VISUAL Large amount of information in one page Kind of content recognizable by colour, position, size

3 They navigate content through a screen-reader Web pages content is too complex The graphics 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:

4 W3C guidelines Priority 1: provide a text equivalent for every non-text element

5 W3C Standard 1/2 CONTENT GUIDELINES –Quite satisfactory LABELS/INTERFACE –Details satisfactory –Overall organization revising OVERALL ORGANISATION & NAVIGATION –Lacking! (but for generic recommendation)

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)

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)

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

9 WED Preliminary results NAVIGATION DESIGN PRINCIPLES PAGE ORGANISATION READING STRATEGY LABELS

10 Munch web site 1/3

11 For the exhibition of Munchs 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

12 The page schema (regularly repeated in the whole site) Munch web site 3/3 An example of advanced feature

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

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

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

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