Das Dokument behandelt die Bedeutung der Barrierefreiheit im Web, insbesondere für Menschen mit Behinderungen, und betont, dass alle von barrierefreien Systemen profitieren können. Es werden demographische Daten sowie wirtschaftliche Vorteile der Barrierefreiheit aufgezeigt und Herausforderungen für die Zukunft diskutiert. Der Autor, Martin Kliehm, plädiert für einen Paradigmenwechsel, der den Menschen und nicht die Behinderung in den Mittelpunkt stellt.

1. Abgesenkte Bordsteine im Web.Warum von Barrierefreiheit Alle profitieren.Martin Kliehm. Senior Frontend Engineer.Namics.11. Mai 2010. Johannes Gutenberg-Universität Mainz.Foto: http://flic.kr/p/55Sh6D

2. /me11.05.2010Barrierefreiheit. Universität Mainz. 2KompetenzenWebstandards & Browser-Technologien

3. Barrierefreiheit, Usability, Geräteunabhängigkeit

4. Internationalisierung (i18n) &Lokalisierung (L10N)

5. Technische Konzeption und Beratung

6. Internationale KonferenzbeiträgeGremienInvited Expert der W3C HTML Arbeitsgruppe

7. Invited Expert der W3C Accessibility Task Force

8. Stakeholder der authorisierten deutschen Übersetzung der W3C Richtlinien für barrierefreie Webinhalte (WCAG 2.0)

9. Mitglied in der International Liaison Group des Web Standards Projects

10. Mitglied bei den WebkrautsMartin Kliehm.Senior Frontend Engineer.Entwicklung, Barrierefreiheit,Mobile Endgeräte, i18nBerufserfahrungSeit 1996, Barrierefreiheit seit 1999, bei Namics seit 2008Kontakthttp://namics.comhttp://klie.hm/profilehttp://twitter.com/kliehm

11. Interdisziplinäre Teams.Namics vorgestellt.11.05.2010Barrierefreiheit. Universität Mainz. 3Projekt ManagementTechnologieConsultingKreation

12. Namics vorgestellt.11.05.2010Barrierefreiheit. Universität Mainz. 4

13. Barrierefreiheit im WebBegriff der Behinderung

14. Demographie: Barrierefreiheit als Wirtschaftsfaktor

15. Barrierefreiheit von Websites

16. Herausforderungen für die Zukunft11.05.20105Barrierefreiheit. Universität Mainz.

17. Barrierefreiheit„Barrierefrei sind […] Systeme der Informationsverarbeitung […], wenn sie für behinderte Menschen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar sind.“Behindertengleichstellungsgesetz6Barrierefreiheit. Universität Mainz.21.05.2010

18. Paradigmenwandel: Behinderung warursprünglich ein medizinisches Gebrechen.11.05.20107Barrierefreiheit. Universität Mainz.http://flic.kr/p/2Vcqt5

19. Behinderung alsindividuelles Problem11.05.20108Barrierefreiheit. Universität Mainz.Menschenwürde?http://flic.kr/p/ws4tD

20. 11.05.20109Barrierefreiheit. Universität Mainz.Nicht der Rollstuhl ist die Barriere,die Architektur ist es …oder die Gesellschaft.“Disability results from an interaction betweena non-inclusive society and individuals.”UN-Konventionüber die Rechtevon MenschenmitBehinderungenhttp://failblog.org/2008/09/05/ramp-fail/

21. 11.05.201010Fokuswechsel: „Behinderte“ setzt die Behinderung in den Vordergrund.„Menschen mit Behinderungen“setzt den Menschen in den Mittelpunkt.http://flic.kr/p/6SEierBarrierefreiheit. Universität Mainz. Namics.

22. 11.05.201011Fokuswechsel: „Behinderte“ setzt die Behinderung in den Vordergrund.http://flic.kr/p/6SEierBarrierefreiheit. Universität Mainz. Namics.

23. 11.05.201012„Menschen mit Behinderungen“setzt den Menschen in den Mittelpunkt.http://flic.kr/p/6SEierBarrierefreiheit. Universität Mainz. Namics.

24. Paradigmenwandel:Barrierefreiheit alsnachträglicher Einfall,drangedübelt11.05.201013Barrierefreiheit. Universität Mainz.http://flic.kr/p/8H1Q

25. 11.05.201014Barrierefreiheit. Universität Mainz.Andreas Slominski:„Rollstuhl zum Queren derTreppe in Odessa“Museum für Moderne Kunst, Frankfurthttp://flic.kr/p/rZh2F

26. Potemkin-Treppe in Odessahttp://de.wikipedia.org/wiki/Potemkinsche_TreppeBarrierefreiheit. Universität Mainz. Namics.11.05.201015

27. Barrierefreiheit als integrales Elementhttp://flic.kr/p/55Sh6DBarrierefreiheit. Universität Mainz. Namics.11.05.201016

28. http://flic.kr/p/4dqGWdBarrierefreiheit. Universität Mainz. Namics.11.05.201017

29. http://flic.kr/p/6VCacmBarrierefreiheit. Universität Mainz. Namics.11.05.201018

30. http://flic.kr/p/5o8k42Barrierefreiheit. Universität Mainz. Namics.11.05.201019

31. http://flic.kr/p/8W93uBarrierefreiheit. Universität Mainz. Namics.11.05.201020

32. http://youtu.be/ffrq6cUoE5ABarrierefreiheit. Universität Mainz. Namics.11.05.201021

33. 11.05.201022Barrierefreiheit. Universität Mainz.

34. 2. Demographie: Barrierefreiheit als Wirtschaftsfaktor11.05.201023http://flic.kr/p/8VHFbBarrierefreiheit. Universität Mainz.

35. 10-12%http://flic.kr/p/dMFYbBarrierefreiheit. Universität Mainz. Namics.11.05.201024

36. Menschen mit BehinderungenMenschenmitBehinderungen in Deutschland:ca. 8-10 Mio. (10-12%)MenschenmitBehinderungenweltweit:ca. 680-816 Mio.1Schwerbehinderteimerwerbsfähigen Alter in Deutschland: 3 Mio. (3,6%)‏Schwerbehinderteimerwerbsfähigen Alter in Europa: ca. 39 Mio.1 Mont, D., Measuring Disability Prevalence, World Bank, March 2007DemographieBarrierefreiheit. Universität Mainz. Namics.11.05.201025

37. Familie, Freunde, Ärzte und Pflegepersonalfolgen:“We could see how viral the community was. If you do something good, everyone knows about it.”Barbara Kaplan, Verizon Wireless, National Marketing Operations Manager“There’s a good deal of disposable income in the disability community. We’ve learned if you gain the community’s loyalty, they’re going to travel with you and recommend you to friends.”Lisa Anderson, Southwest Airlines, Head of Customer Insight Group MenschenmitBehinderungenalsMultiplikatoren.Barrierefreiheit. Universität Mainz. Namics.11.05.201026

38. Die Herausforderungen.$225Mrd.http://flic.kr/p/4MqfGZBarrierefreiheit. Universität Mainz. Namics.11.05.201027

39. Wennnur 1% derBritenmitBehinderungeneineVersicherungspoliceüber £300 bestellt, verdientLegal & General £27 Mio. — die Umsatzsteigerungdurch die generellverbesserte Usability nichtmitgerechnet.“The cost of making the site accessible pales into insignificance.”David Wilton, Legal & General Case Study: Legal & General.Barrierefreiheit. Universität Mainz. Namics.11.05.201028

40. Nachhaltigen und langfristigenErfolgnurmitUnterstützung auf VorstandsebeneAccessibility PolicyalsTeilderUnternehmenskulturBarrierefreiheitvon Beginn an in einProjekteinbindenPragmatischsein: Klein anfangen.“Harvest the low hanging fruit.”ErfolgreichmitBarrierefreiheitBarrierefreiheit. Universität Mainz. Namics.11.05.201029

41. Kollateralnutzen. Barrierefreiheit für Alle.Barrierefreiheit. Universität Mainz. Namics.11.05.201030

42. 41%http://flic.kr/p/38rGwdBarrierefreiheit. Universität Mainz. Namics.11.05.201031

43. http://destatis.de/bevoelkerungspyramide/Die Herausforderungen.11.05.201032Barrierefreiheit. Universität Mainz. Namics.

44. 50-65jährige: 17 Mio. (21%; 2010)150+: 33,2 Mio. (41%; 2010), Tendenz steigend,1davonim Internet: 14,9 Mio. (44,9%; 2009) 2JährlicheZuwachsrateInternetnutzer 60-69 Jahre:6,9% (2009) 2 1StatistischesBundesamt, http://destatis.de/bevoelkerungspyramide/2 (N)Onliner Atlas 2009, http://initiatived21.de/category/nonliner-atlasDesigning for our future selves.Barrierefreiheit. Universität Mainz. Namics.11.05.201033

45. Das RisikoeinerBehinderungsteigtim Alter‏Wahrnehmung von Kontrasten, räumlicheWahrnehmung und Auge-Hand-KoordinationnehmenabOwlsley, C.J., Sekuler, R. & Siemensne, D. (1983). Contrast sensitivity through adulthood. Vision Research 23, 689-699Oft Anfänger, brauchenintuitive NutzerführungÄltereMenschen.Barrierefreiheit. Universität Mainz. Namics.11.05.201034

46. MenschenmitLernschwierigkeiten: 5-10%EinwohnermitDeutsch alsFremdsprache: 5,7 Mio. (7%)‏PISA 2003 untersteKompetenzstufeLesenoderdarunter: 22,3%Schulabgänger 2005 ohnemittlereReife: 33%KognitiveFähigkeiten. Lesekompetenz.Barrierefreiheit. Universität Mainz. Namics.11.05.201035

47. 3. Barrierefreiheit von WebsitesBarrierefreiheit. Universität Mainz. Namics.11.05.201036

48. mehr ...mehr ...mehr ...Barrierefreiheit. Universität Mainz. Namics.11.05.201037

49. Barrierefreiheit. Universität Mainz. Namics.11.05.201038

50. Barrierefreiheit. Universität Mainz. Namics.11.05.201039

51. WahrnehmbarkeitBarrierefreiheit. Universität Mainz. Namics.11.05.201040

52. Barrierefreiheit. Universität Mainz. Namics.11.05.201041

53. Barrierefreiheit. Universität Mainz. Namics.11.05.201042

54. Barrierefreiheit. Universität Mainz. Namics.11.05.201043

55. Barrierefreiheit. Universität Mainz. Namics.11.05.201044

56. Barrierefreiheit. Universität Mainz. Namics.11.05.201045

57. Schriftgröße im CSS: 11px = 68%Barrierefreiheit. Universität Mainz. Namics.11.05.201046

58. Barrierefreiheit. Universität Mainz. Namics.11.05.201047

59. Schriftgröße: 16pxBarrierefreiheit. Universität Mainz. Namics.11.05.201048

60. Inhalt.Barrierefreiheit. Universität Mainz. Namics.11.05.201049

61. Barrierefreiheit. Universität Mainz. Namics.11.05.201050

62. Die Herausforderungen.1:20Barrierefreiheit. Universität Mainz. Namics.11.05.201051

63. Barrierefreiheit. Universität Mainz. Namics.11.05.201052

64. Barrierefreiheit. Universität Mainz. Namics.11.05.201053

65. Barrierefreiheit. Universität Mainz. Namics.11.05.201054

66. CaptchaBarrierefreiheit. Universität Mainz. Namics.11.05.201055

67. Zielgruppe: Alle. One Web for All.Niemanden ausgrenzen. Keine Diskriminierung.http://flic.kr/p/5PYudBBarrierefreiheit. Universität Mainz. Namics.11.05.201056

68. KleinerBildschirmKeineMausKeinePopupsBarrierefreiheit. Universität Mainz. Namics.11.05.201057

69. Barrierefreiheit. Universität Mainz. Namics.11.05.201058

70. Barrierefreiheit. Universität Mainz. Namics.11.05.201059

71. Barrierefreiheit. Universität Mainz. Namics.11.05.201060

72. Inhalte anreichern:Accessible Rich Internet Applications (ARIA)Barrierefreiheit. Universität Mainz. Namics.11.05.201061

73. <input type="text"aria-required="true" />11.05.201062http://flic.kr/p/5EqqLeBarrierefreiheit. Universität Mainz. Namics.

74. <input type="text"aria-required="true"aria-invalid="true" />11.05.201063http://flic.kr/p/5EuQYqBarrierefreiheit. Universität Mainz. Namics.

75. http://flic.kr/p/48LXf9

76. http://flic.kr/p/6F8N8Qhttp://webaim.org/blog/spam_free_accessible_forms/Barrierefreiheit. Universität Mainz. Namics.11.05.201065

77. http://flic.kr/p/6F8PhyBarrierefreiheit. Universität Mainz. Namics.11.05.201066

78. <ulrole="menu navigation"><li role="menuitem"><a href="…">Über Fraunhofer</a></li></ul>11.05.2010Barrierefreiheit. Universität Mainz. Namics.67

79. <arole="button" aria-controls="nav-direct-third"tabindex="0" title="Untermenü">Schnellzugriff</a><ul id="nav-direct-third"role="menu navigation"aria-expanded="true"><li role="menuitem"> <a href="…">Presse / Medien</a></li></ul>11.05.2010Barrierefreiheit. Universität Mainz. Namics.68

80. ARIA + JavaScript11.05.201069Barrierefreiheit. Universität Mainz. Namics.

81. http://flic.kr/p/6F4FUkBarrierefreiheit. Universität Mainz. Namics.11.05.201070

82. <ulrole="tablist"> <lirole="tab">Bahn</li> <lirole="tab">Mietwagen</li> <lirole="tab">Hotel</li> <lirole="tab">Mobilität</li></ul><!-- TabpanelBahn --><div role="tabpanel">…</div>Barrierefreiheit. Universität Mainz. Namics.11.05.201071

83. tabindex="0" setzenEvent capturing: click, focus, keydown,keypressTabpanel einblendenTastatursteuerung: Pfeiltasten, ctrl + tab,ctrl + shift + tabEvent-Bubbling stoppen ggf. Screenreader-Buffer aktualisierenBarrierefreiheit. Universität Mainz. Namics.11.05.201072

84. <div aria-live="polite"aria-atomic="true"aria-relevant="additions text">Die Seite wurde Ihrem Merkzettel hinzugefügt.</div>http://flic.kr/p/6F4GinBarrierefreiheit. Universität Mainz. Namics.11.05.201073

85. 4. Herausforderungen für die Zukunft21.05.201074Barrierefreiheit. Universität Mainz.

86. 11.05.201075HTML5 <video>Barrierefreiheit. Universität Mainz. Namics.

87. 11.05.201076Barrierefreier Zugang zu Canvas 2DBarrierefreiheit. Universität Mainz. Namics.

88. 11.05.201077Barrierefreie Interaktion in 3D-Weltenhttp://youtu.be/Ol3qQ4CEUToBarrierefreiheit. Universität Mainz. Namics.

89. 11.05.201078Neue Interaktionsformenhttp://vimeo.com/10903243Barrierefreiheit. Universität Mainz. Namics.

90. 11.05.201079Gesichtserkennung und Gestensteuerunghttp://youtu.be/kkNxbyp6thMBarrierefreiheit. Universität Mainz. Namics.

91. Danke.twitter: @kliehmFolien: http://goo.gl/QdCgKontakt: http://klie.hm/profileBarrierefreiheit. Universität Mainz.21.05.201080