Universelle Benutzbarkeit und Barrierefreiheit bei Webseiten der breiten Masse und der öffentlichen Hand: Grundlagen, Erklärungen und Lösungswege zur Erstellung von behindertengerechten, gesetzeskonformen Webangeboten
In: Informatik
Inhaltsangabe:Einleitung: Accessibility und Usability bzw. Barrierefreiheit und Benutzbarkeit spielen im Web eine immer wichtiger werdende Rolle. Einerseits möchte man sich von seinem Konkurrenten durch bessere Benutzbarkeit unterscheiden, andererseits ist es für einen Webauftritt der öffentlichen Hand möglicherweise sogar gesetzlich vorgeschrieben, Barrierefreiheit nach bestehenden Standards zu erfüllen. Es mag überzogen klingen, Webseiten für eine so kleine Bevölkerungsgruppe wie beispielsweise Blinde zu optimieren oder zu erstellen. Im Bereich des eGovernment und der öffentlichen Hand ist dies durch Gesetzte mittlerweile in vielen Ländern Pflicht. Auch die Privatwirtschaft kann in diesem Bereich soziale Kompetenz und Verantwortung zeigen. Schliesslich ist eine Webseite, die barrierefrei zugänglich ist, für jeden Nutzer einfacher zu bedienen. Die technischen Vorteile wie bessere Indizierbarkeit durch Suchmaschinen und Geräteunabhängigkeit im Zeitalter des mobilen Internets dürfen ebenfalls nicht ausser Acht gelassen werden. Gut für die einen, notwendig für die anderen – diese Arbeit zeigt die Synergien von Usability und Accessibility, sowie ihre Unterschiede. Anhand der 'Digitalen Kluft', Statistiken, verschiedenen Arten von Behinderungen, der Analyse von bestehenden und sich entwickelnden Gesetzen und Zugänglichkeitsrichtlinien in Europa und den USA soll aufgezeigt werden, weshalb das Thema mittlerweile einen so hohen Stellenwert bei der Gestaltung von Webauftritten inne hält. Entwicklern soll eine Anleitung zur benutzerfreundlichen und barrierefreien Gestaltung von Webseiten gegeben werden. Projektleitern und Beratern soll im Hinblick auf die gesetzlichen Anforderungen der wirtschaftliche Nutzen näher gebracht werden. Ziel der Arbeit ist es, den Leser für das Thema zu sensibilisieren und Möglichkeiten zur Umsetzung eines barrierefreien und benutzerfreundlichen Webauftrittes aufzuzeigen. Inhaltsverzeichnis:Inhaltsverzeichnis: A.AbstractI B.InhaltsverzeichnisIII C.VorwortIX D.AbkürzungsverzeichnisXI E.GlossarXIII F.AbbildungsverzeichnisXVII G.TabellenverzeichnisXXIII H.QuellcodeverzeichnisXXV 1.Abgrenzung und Gegenstand1 1.1Ziele und Zweck der Arbeit1 1.2Das Unternehmen namics3 1.3Definitionen5 1.3.1Usability5 1.3.1.1Was ist Usability?5 1.3.1.2Warum ist Usability wichtig?6 1.3.1.3DIN-ISO-Norm 9241-11 Definition6 1.3.2Accessibility7 1.3.2.1Was ist Accessibility?7 1.3.2.2Warum ist Accessibility wichtig?8 1.3.3Flexibility und Compatibility9 1.3.4Digital Divide10 1.3.5eGovernment11 2.Die Accessibility Theorie13 2.1Accessible Web Sites16 2.1.1Synergie zwischen Accessibility und Usability16 2.1.2Usable Accessibility17 2.1.3Beispiel für Web Accessibility18 2.1.4Unterschiede zwischen Usability und Accessibility20 2.1.5Accessibility als Prozess21 2.1.6Gut für die einen, notwendig für andere22 2.1.7Funktionelle und situationsbedingte Einschränkungen23 2.1.8Gründe für Accessible Websites25 2.1.9Exkurs - Vorgeschichte des Accessibility Bewusstseins25 2.2Digital Divide - Die digitale Kluft27 2.2.1Probleme der Technologieverteilung in der Welt27 2.2.2Unterschiede innerhalb von Nationen28 2.2.3Kontinentale Unterschiede und Gefälle30 2.2.4Digitale Kluft bei Kids im Internet32 3.Forderung nach Accessibility33 3.1Auftretende Behinderungen33 3.1.1Farbenblindheit und -sehschwächen33 3.1.2Blindheit35 3.1.3Motorische Behinderungen36 3.2Statistiken, Zahlen und Fakten38 3.2.1Deutschland38 3.2.2Schweiz, EU, UNO40 3.2.3USA42 3.3Die Gesetze45 3.3.1Deutschland - BGG - BITV45 3.3.1.1Das Gesetz45 3.3.1.2Die Verordnung46 3.3.1.3Anwendung der Richtlinien47 3.3.1.4Zeithorizont für die Anwendung48 3.3.1.5Zusammenfassung48 3.3.2Europäische Union49 3.3.3Schweiz - BehiG50 3.3.3.1Historie50 3.3.3.2Das Gesetz51 3.3.4USA52 3.3.4.1Historie52 3.3.4.2Das Gesetz53 3.4Accessibility bei grossen Konzernen55 3.4.1Microsoft55 3.4.2Macromedia56 3.4.3Adobe56 3.4.4IBM57 3.4.5SAP57 3.5eGovernment58 3.5.1Stadien des eGovernment59 3.5.2Zugang zu Informationen62 3.5.3eGovernment und eDemokratie64 3.5.4eGovernment Design65 3.6Business Benefits von Accessibility66 3.6.1Wirtschaftliche Bedeutung von Accessible Webdesign66 3.6.2Technische Bedeutung von Accessible Webdesign71 3.7Mobile Usability73 3.7.1Zukunft der Informationsgesellschaft?73 3.7.2Die Relevanz von WAP74 3.7.3Limitationen des mobilen Internets75 3.7.4Mobile-Usability Empfehlungen75 3.7.5Heutiger Stand der Mobile-Usability78 3.8Usability aus der Sicht von Internet-Minderheiten79 3.8.1Kids und Teens79 3.8.2Usability für Kids80 3.8.3Usability für Senioren83 4.Accessibility an Beispielen85 4.1Die Regelwerke85 4.2Überblick und Aufbau der WCAG85 4.3Richtlinien für Webinhalte88 4.3.1Richtlinie 1 - Audio und Visuelles88 4.3.2Richtlinie 2 - Verständlichkeit ohne Farbe91 4.3.3Richtlinie 3 - Struktur und Präsentation93 4.3.4Richtlinie 4 - Abkürzungen, Fremdsprachen98 4.3.5Richtlinie 5 - Tabellen100 4.3.6Richtlinie 6 - Unabhängigkeit103 4.3.7Richtlinie 7 - Zeitgesteuerte Inhalte106 4.3.8Richtlinie 8 - Benutzerschnittstellen108 4.3.9Richtlinie 9 - Geräteunabhängigkeit109 4.3.10Richtlinie 10 - Interim-Lösungen112 4.3.11Richtlinie 11 - W3C Standards116 4.3.12Richtlinie 12 - Kontext und Orientierung118 4.3.13Richtlinie 13 - Navigation122 4.3.14Richtlinie 14 - Einfachheit126 4.4Fazit der WCAG 1.0128 4.5WCAG 1.0 vs. 2.0128 4.6Usability- und Accessibility-Tests130 4.6.1Das Usability Kartenspiel130 4.6.2Interviews130 4.6.3Fragebögen131 4.6.4Heuristische Evaluation nach Nielsen und Molich132 4.6.5Iterative Evaluation133 4.6.6Einzel- Gruppenevaluation133 4.6.7Der Runde Tisch134 4.6.8Die Methoden in der Praxis134 4.6.9Auswahl und Durchführung135 4.6.10Auswertung und Nutzung der Testergebnisse135 4.6.11Fazit136 4.7Accessibility Testing und Validating137 4.7.1Testing und Validating Tools137 4.7.2Vischeck - Farbblindheits-Simulation137 4.7.3Screen Reader138 4.7.4Braille Surf139 4.7.5Bobby141 5.Schlussbetrachtung und Analyse der Erkenntnisse143 I.Anhang145 I.1Anhang 1 - Usability145 I.1.1Warum kommen Besucher einer Webseite wieder?145 I.1.2Merkmale für Benutzerfreundlichkeit und Usability146 I.1.3Zweck einer Webseite147 I.1.3.1Firmenname und Firmenlogo147 I.1.3.2Tag-Line, Schlagworte der Seite147 I.1.3.3Die wichtigsten Inhalte147 I.1.3.4Startseite147 I.1.4Informationen zum Unternehmen148 I.1.4.1Firmeninformationen148 I.1.4.2Kontaktmöglichkeit148 I.1.5Inhalt der Seiten149 I.1.5.1Wer sind meine Besucher149 I.1.5.2Vermeiden von doppeltem Inhalt149 I.1.5.3Reisserische Marketing Phrasen149 I.1.5.4Einheitliche Ausdrucksweisen150 I.1.5.5Überschriften und Kategorien150 I.1.5.6Sprache und Typographie150 I.1.6Was bietet die Webseite151 I.1.7Links152 I.1.7.1Schlüsselworte152 I.1.7.2Linkfarben152 I.1.7.3Link, aber wohin?152 I.1.8Navigation153 I.1.9Suche154 I.1.10Grafiken und Animationen155 I.1.11Grafikdesign157 I.1.12Farben158 I.1.13Fenstertitel159 I.1.14URLs160 I.1.15Welcome Screens, PopUp Fenster, Werbung161 I.1.16Technische Probleme162 I.1.17Danksagungen, Awards, Lobpreisungen162 I.2Anhang 2 - Wo erwarten User Was auf einer Webseite163 I.2.1Interne Links163 I.2.2Externe Links164 I.2.3Link zur Startseite der Präsenz165 I.2.4Suchfunktion165 I.2.5Werbebanner166 I.2.6Login und Registrierung167 I.2.7Warenkorb167 I.2.8Hilfe Link168 I.2.9Links zu Produkten169 I.2.10Die theoretisch optimale Webseite170 I.3Anhang 3 - Design Empfehlungen171 I.4Anhang 4 - Alltägliche Usability-Hürden - Lösungen174 I.4.1Vertippen in einer Suchmaschine174 I.4.2Eingabe einer falschen URL176 I.4.3Präsentation von Suchergebnissen177 I.5Anhang 5 - Screen Real Estate180 I.5.1Bildschirmplatz ist wertvoll180 I.5.2Der Begriff Screen Real Estate180 I.5.3http://www.spiegel.de183 I.5.4http://www.news.ch184 I.5.5http://europe.cnn.com185 I.5.6Screen Real Estate Fazit186 I.6Anhang 6 - Accessible PDF187 I.6.1Anforderungen zur Erstellung von Accessible PDF188 I.6.2Accessible PDF mit MS Office 2000189 I.6.3Accessible PDF aus existierendem PDF189 I.7Anhang 7 - Browserkompatibilitäten190 I.8Anhang 8 - Abbildungen aus dem Textteil197 I.9Anhang 9 - WAI WCAG 1.0 Checkliste224 J.Literaturverzeichnis231 J.1Bücher231 J.2Zeitschriften232 J.3Whitepapers234 J.4Sonstige Quellen und Verweise234 K.Ehrenwörtliche Erklärung239