Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Design for All
Lecture Three
Vladimir Tomberg, PhD

Design for ALL

1
Lesson Agenda
• Presenting results of homework: Finding the good
examples
• Why Design for All is so important?
• DfA, UD ...
WHY DESIGN FOR ALL
IS IMPORTANT?
Design for ALL

3
Why it is Important for Government?
• Economical factors
• No old-age pension in year 2030?
• Long life learning

Design f...
Aging and Loss of Functionality

Source: Alex Zhavoronkov presentation (in Russian) Design for ALL

5
Aging and Loss of Functionality

Source: Alex Zhavoronkov presentation (in Russian) Design for ALL

6
DFA AND UD MOVEMENT AND
LEGISLATION ACTS
Design for ALL

7
Thee Origins of Influences and Ideas

John Clarkson, P., Coleman, R., History of Inclusive
Design in the UK, Applied Ergon...
UD INITIATIVES

Design for ALL

9
Example: Panasonic Universal Design Web Page

Web link: http://panasonic.net

Design for ALL

10
Example: Toyota Universal Design Web Page for
Children

Web link: http://www.toyota.co.jp

Design for ALL

11
The Center for Universal Design (CUD)

Web link: http://www.ncsu.edu

Design for ALL

12
The Center for Universal Design (CUD)
• The Center For Universal Design is a national
research, information, and technical...
The Universal Design Principles Developed in CUD
(downloadable by link)

Web link: http://www.ncsu.edu

Design for ALL

14
Example of UD: Smart House
Stunning Pull Out Dining Table

Source: www.nallau.com

Design for ALL

15
US Federal Legislation
Legislative Act

Year

Context

The Architectural Barriers Act

1968

The physical design of the bu...
US Federal Legislation
Legislative Act

Year

Context

The Fair Housing Amendments Act

1988

Required accessible units be...
DFA INITIATIVES

Design for ALL

18
The European Design for All
eAccessibility Network (EDeAN)

Web link: http://www.edean.org

Design for ALL

19
The European Design for All
eAccessibility Network (EDeAN)
• EDeAN was launched under the lead of the
European Commission ...
EDeAN Goals
• Input for European Curricula in Design for All
• A forum for Design for All issues
• Idea sharing through jo...
European Institute for Design and Disability

Web link: http://www.designforalleurope.org/

Design for ALL

22
EIDD
• EIDD - Design for All Europe is a self-financed
European organization (originally set up in
1993) that covers the e...
Example of UD: City Planning
The Hovenring, Netherlands

Source: www.huffingtonpost.ca

Design for ALL

24
Digital Agenda for Europe

Web link: http://ec.europa.eu

Design for ALL

25
The Digital Agenda Scoreboard

Design for ALL

26
EUROPEAN INNOVATION PARTNERSHIP
ON ACTIVE AND HEALTHY AGEING

Source: ec.europa.eu

Design for ALL

27
EU Policy

Web link: ec.europa.eu

Design for ALL

28
Example of Not Intuitive Design

Design for ALL

29
EU Legislation
Legislative Act

Year

Context

eEurope - an Information Society
for All

1999

The initiative is launched ...
EU Legislation
Legislative Act

Year

Context

e-Inclusion policy

2008

Aims are ageing, eAccessibility, the broadband ga...
UN Convention

http://www.un.org/disabilities/convention/facts.shtml
Design for ALL

32
Standards Developed by ISO, the European Committee for
Electrotechnical Standardization, and the International
Electrotech...
RELATED ICT SPECIFICATIONS

Design for ALL

34
W3C Web Content Accessibility Guide
(WCAG)
• WCAG 1.0 - W3C recommendation on 5 May
1999
• WCAG 2.0 - W3C Recommendation o...
W3C WCAG 2.0 Web Site

http://www.w3.org/TR/WCAG20/

Design for ALL

36
W3C WCAG
The WCAG documents explain how to make web
content more accessible to people with
disabilities. Web "content" gen...
Four Basic Principles - POUR
•
•
•
•

Perceivable
Operable
Understandable
Robust

Design for ALL

38
Basic Principles
• Perceivable
– Provide text alternatives for non-text content
– Provide captions and other alternatives ...
Basic Principles
• Understandable
– Make text readable and understandable
– Make content appear and operate in predictable...
Who WCAG is for
• Web content developers (page authors, site
designers, etc.)
• Web authoring tool developers
• Web access...
Accessible Rich Internet Applications
(WAI-ARIA)
• WAI-ARIA, the Accessible Rich Internet
Applications Suite, defines a wa...
WAI-ARIA 1.0 on W3C Web Site

http://www.w3.org/TR/wai-aria/

Design for ALL

43
Problem
• No HTML mechanism exists to:
– Identify the role of the DIV as a pop-up menu
– Alert assistive technology when t...
Accessibility Interoperability at a DOM
Node without JavaScript

Source: http://www.w3.org

Design for ALL

45
Accessibility Interoperability at a DOM Node
with JavaScript

Source: http://www.w3.org

Design for ALL

46
WAI-ARIA provides Web authors with
the following
• Roles to describe the type of widget
presented, such as "menu," "treeit...
WAI-ARIA provides Web authors with
the following
• Properties to define live regions of a page
that are likely to get upda...
Harnessing the Potential of Accessibility Standards and
Responsive Web Design Practices to Achieve Learning
Interoperabili...
The First Look and Comparison

PRINCIPLES
Design for All

Inclusive Design

Universal Design

Equitable use

Equitable

Equity

Flexibility in use

Flexible

Flexib...
Principles of UD Illustrated

Source link: udlhcpss.files.wordpress.com

Design for ALL

52
Higher level places design constraints on the
lower level

The hierarchical structure of the
universal design principles
T...
Homework
1. Finding the good HCI examples (two weeks)
2. Essay (Deadline – December 10, 2013)
3. The Individual/pair Desig...
End of the Lesson

Design for ALL

55
Nächste SlideShare
Wird geladen in …5
×

Design for all. Lecture 3

1.525 Aufrufe

Veröffentlicht am

Slides for HCI curriculum course Design for All, Lecture 3

Veröffentlicht in: Design, Technologie
  • Als Erste(r) kommentieren

Design for all. Lecture 3

  1. 1. Design for All Lecture Three Vladimir Tomberg, PhD Design for ALL 1
  2. 2. Lesson Agenda • Presenting results of homework: Finding the good examples • Why Design for All is so important? • DfA, UD and ID movement and Legislation ACTS • Related ICT Specifications • Basic Principles • Design workshop on the base of the first assignment
  3. 3. WHY DESIGN FOR ALL IS IMPORTANT? Design for ALL 3
  4. 4. Why it is Important for Government? • Economical factors • No old-age pension in year 2030? • Long life learning Design for ALL 4
  5. 5. Aging and Loss of Functionality Source: Alex Zhavoronkov presentation (in Russian) Design for ALL 5
  6. 6. Aging and Loss of Functionality Source: Alex Zhavoronkov presentation (in Russian) Design for ALL 6
  7. 7. DFA AND UD MOVEMENT AND LEGISLATION ACTS Design for ALL 7
  8. 8. Thee Origins of Influences and Ideas John Clarkson, P., Coleman, R., History of Inclusive Design in the UK, Applied Ergonomics (2013) Design for ALL 8
  9. 9. UD INITIATIVES Design for ALL 9
  10. 10. Example: Panasonic Universal Design Web Page Web link: http://panasonic.net Design for ALL 10
  11. 11. Example: Toyota Universal Design Web Page for Children Web link: http://www.toyota.co.jp Design for ALL 11
  12. 12. The Center for Universal Design (CUD) Web link: http://www.ncsu.edu Design for ALL 12
  13. 13. The Center for Universal Design (CUD) • The Center For Universal Design is a national research, information, and technical assistance center that evaluates, develops, and promotes accessible and universal design in housing, buildings, outdoor and urban environments and related products. Web link: http://www.ncsu.edu Design for ALL 13
  14. 14. The Universal Design Principles Developed in CUD (downloadable by link) Web link: http://www.ncsu.edu Design for ALL 14
  15. 15. Example of UD: Smart House Stunning Pull Out Dining Table Source: www.nallau.com Design for ALL 15
  16. 16. US Federal Legislation Legislative Act Year Context The Architectural Barriers Act 1968 The physical design of the buildings and facilities they used on the job Section 504 of the Rehabilitation Act 1973 illegality to discriminate on the basis of disability (for federal agencies, public universities, and any other federal institutions) The Education for Handicapped Children Act 1975 Equal access to education and one free meal a day for children with physical and mental disabilities Design for ALL 16
  17. 17. US Federal Legislation Legislative Act Year Context The Fair Housing Amendments Act 1988 Required accessible units be created in all new multi-family housing The Americans with Disabilities Act 1990 Prohibits discrimination in employment, access to places of public accommodation, services, programs, public transportation, and telecommunications The Telecommunications Act 1996 Accessibility of all types of telecommunications devices and services, from telephones to television programming to computers Section 508 Amendment to the Rehabilitation Act of 1973 1998 eliminate barriers in information technology, to make available new opportunities for people with disabilities. The law applies to all Federal agencies when they develop, procure, maintain, or use electronic and information technology Design for ALL 17
  18. 18. DFA INITIATIVES Design for ALL 18
  19. 19. The European Design for All eAccessibility Network (EDeAN) Web link: http://www.edean.org Design for ALL 19
  20. 20. The European Design for All eAccessibility Network (EDeAN) • EDeAN was launched under the lead of the European Commission and the European Member States in 2002. • It fosters Design for All for eInclusion, that is, creating an information society for all. • It has national contact centers (NCCs) in almost all EU countries and more than 160 network members in national networks. Web link: http://www.edean.org Design for ALL 20
  21. 21. EDeAN Goals • Input for European Curricula in Design for All • A forum for Design for All issues • Idea sharing through joint activities such as conferences, symposia and exchanges of students and scholars. Web link: http://www.edean.org Design for ALL 21
  22. 22. European Institute for Design and Disability Web link: http://www.designforalleurope.org/ Design for ALL 22
  23. 23. EIDD • EIDD - Design for All Europe is a self-financed European organization (originally set up in 1993) that covers the entire area of theory and practice of Design for All, from the built environment and tangible products to communication, service and system design Web link: http://www.designforalleurope.org/ Design for ALL 23
  24. 24. Example of UD: City Planning The Hovenring, Netherlands Source: www.huffingtonpost.ca Design for ALL 24
  25. 25. Digital Agenda for Europe Web link: http://ec.europa.eu Design for ALL 25
  26. 26. The Digital Agenda Scoreboard Design for ALL 26
  27. 27. EUROPEAN INNOVATION PARTNERSHIP ON ACTIVE AND HEALTHY AGEING Source: ec.europa.eu Design for ALL 27
  28. 28. EU Policy Web link: ec.europa.eu Design for ALL 28
  29. 29. Example of Not Intuitive Design Design for ALL 29
  30. 30. EU Legislation Legislative Act Year Context eEurope - an Information Society for All 1999 The initiative is launched by the European Commission to bring the benefits of the Information Society to all Europeans eEurope 2002: Accessibility of Public Web Sites and their Content 2001 The aim is to make web sites more accessible to people with disabilities and older people. Riga Ministerial Declaration 2006 The aim is to reduce the digital divide by 2010 European i2010 initiative on eInclusion - to be part of the information society 2007 The Commission's i2010 initiative prioritised eInclusion Web link: ec.europa.eu Design for ALL 30
  31. 31. EU Legislation Legislative Act Year Context e-Inclusion policy 2008 Aims are ageing, eAccessibility, the broadband gap (digital divide), inclusive eGovernment, digital literacy and culture UN Convention on the Rights of Persons with Disabilities was adopted 2009 The purpose of the Convention is to promote, protect and ensure the full and equal enjoyment of all human rights and fundamental freedoms by all persons with disabilities, and to promote respect for their inherent dignity. Proposal for a directive on the accessibility of the public sector bodies' websites 2012 Aim the approximation of the laws, regulations and administrative provisions of the Member States on the accessibility of websites of public sector bodies. Web link: ec.europa.eu Design for ALL 31
  32. 32. UN Convention http://www.un.org/disabilities/convention/facts.shtml Design for ALL 32
  33. 33. Standards Developed by ISO, the European Committee for Electrotechnical Standardization, and the International Electrotechnical Commission • CEN/CENELEC Guide 6. Guidelines for standards developers to address the needs of older persons and persons with disabilities (Identical to ISO/IEC Guide 71, but free for download) • These standards are still under development: – ISO 20282-1 – Ease of operation of everyday products — Part 1: Context of use and user characteristics – ISO 20282-2 – Ease of operation of everyday products — Part 2: Test method Design for ALL 33
  34. 34. RELATED ICT SPECIFICATIONS Design for ALL 34
  35. 35. W3C Web Content Accessibility Guide (WCAG) • WCAG 1.0 - W3C recommendation on 5 May 1999 • WCAG 2.0 - W3C Recommendation on 11 December 2008 Design for ALL 35
  36. 36. W3C WCAG 2.0 Web Site http://www.w3.org/TR/WCAG20/ Design for ALL 36
  37. 37. W3C WCAG The WCAG documents explain how to make web content more accessible to people with disabilities. Web "content" generally refers to the information in a web page or web application, including: • natural information such as text, images, and sounds • code or markup that defines structure, presentation, etc. Design for ALL 37
  38. 38. Four Basic Principles - POUR • • • • Perceivable Operable Understandable Robust Design for ALL 38
  39. 39. Basic Principles • Perceivable – Provide text alternatives for non-text content – Provide captions and other alternatives for multimedia – Create content that can be presented in different ways, including by assistive technologies, without losing meaning – Make it easier for users to see and hear content • Operable – – – – Make all functionality available from a keyboard Give users enough time to read and use content Do not use content that causes seizures Help users navigate and find content Design for ALL 39
  40. 40. Basic Principles • Understandable – Make text readable and understandable – Make content appear and operate in predictable ways – Help users avoid and correct mistakes. • Robust – Maximize compatibility with current and future user tools Design for ALL 40
  41. 41. Who WCAG is for • Web content developers (page authors, site designers, etc.) • Web authoring tool developers • Web accessibility evaluation tool developers • Others who want or need a standard for web accessibility Design for ALL 41
  42. 42. Accessible Rich Internet Applications (WAI-ARIA) • WAI-ARIA, the Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. • It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies. Design for ALL 42
  43. 43. WAI-ARIA 1.0 on W3C Web Site http://www.w3.org/TR/wai-aria/ Design for ALL 43
  44. 44. Problem • No HTML mechanism exists to: – Identify the role of the DIV as a pop-up menu – Alert assistive technology when these elements have focus – Convey accessibility property information, such as whether the pop-up menu is collapsed or expanded – Define what actions can be formed on the element other than through a device-dependent means through the event handler type (onmouseover, onclick, etc.) http://www.w3.org/TR/wai-aria/ Design for ALL 44
  45. 45. Accessibility Interoperability at a DOM Node without JavaScript Source: http://www.w3.org Design for ALL 45
  46. 46. Accessibility Interoperability at a DOM Node with JavaScript Source: http://www.w3.org Design for ALL 46
  47. 47. WAI-ARIA provides Web authors with the following • Roles to describe the type of widget presented, such as "menu," "treeitem," "slider," and "progressmeter" • Roles to describe the structure of the Web page, such as headings, regions, and tables (grids) • Properties to describe the state widgets are in, such as "checked" for a check box, or "haspopup" for a menu. Design for ALL 47
  48. 48. WAI-ARIA provides Web authors with the following • Properties to define live regions of a page that are likely to get updates (such as stock quotes), as well as an interruption policy for those updates • Properties for drag-and-drop that describe drag sources and drop targets • A way to provide keyboard navigation for the Web objects and events, such as those mentioned above Design for ALL 48
  49. 49. Harnessing the Potential of Accessibility Standards and Responsive Web Design Practices to Achieve Learning Interoperability on the Level of the User Interface. • Mohammad Al-Smadi, and Vladimir Tomberg. ICWL, volume 8167 of Lecture Notes in Computer Science, page 294-305. Springer, (2013) • In this paper where we propose reusing WAI ARIA with Adaptive Web Design practices to achieve better learning interoperability on the level of the user interface Design for ALL 49
  50. 50. The First Look and Comparison PRINCIPLES
  51. 51. Design for All Inclusive Design Universal Design Equitable use Equitable Equity Flexibility in use Flexible Flexibility Simple and intuitive use Straightforward Perceptible information Perceptible Perception Informative Cognition Preventative Tolerance for error Tolerant Error-management Efficiency Stability/predictability Low physical effort Effortless Size and space for approach and use Accommodating Ergonomic Consistent http://www.edffeph.org/Page.asp?docid=13390&langue=EN http://www.sandiwassmer.co.uk/resources/the Robert F . Erlandson, Universal and Accessible -ten-principles-of-inclusive-web-design/ Design for Products, Services, and Processes Design for ALL 51
  52. 52. Principles of UD Illustrated Source link: udlhcpss.files.wordpress.com Design for ALL 52
  53. 53. Higher level places design constraints on the lower level The hierarchical structure of the universal design principles Transcending principles • Equity More general More encompassing Process related principles • Flexibility • Error-management • Efficiency • Stability/predictability Human factors principles More detailed More narrowly defined More specific • Ergonomic • Perception • Cognition Design for ALL 53
  54. 54. Homework 1. Finding the good HCI examples (two weeks) 2. Essay (Deadline – December 10, 2013) 3. The Individual/pair Design Project – Opportunities and Threats workshop (Deadline – December 10, 2013) Design for ALL 54
  55. 55. End of the Lesson Design for ALL 55

×