Barrierefreies Webdesign Attraktive Websites zugänglich gestalten. Angie Radtke, Dr. Michael Charlier

Größe: px

Ab Seite anzeigen:

Download "Barrierefreies Webdesign Attraktive Websites zugänglich gestalten. Angie Radtke, Dr. Michael Charlier"

Elisabeth Schäfer
vor 8 Jahren
Abrufe

1 Barrierefreies Webdesign Attraktive Websites zugänglich gestalten Angie Radtke, Dr. Michael Charlier

2 INHALTSVERZEICHNIS Über die Autoren Einleitung XI XV Kapitel 1 Barrierefreiheit Was ist das eigentlich? 1 Kapitel 2 Barrierefreiheit für wen eigentlich? Sehbehinderung Ausgangslage und Befund Technische Hilfsmittel Was können wir tun? Motorische Behinderungen Ausgangslage und Befund Technische Hilfsmittel Was können wir tun? Gehörlose Ausgangslage und Befund Technische Unterstützung Was können wir tun? Lernbehinderungen Ausgangslage und Befund Was können wir tun? Gruppe Ausgangslage und Befund Praxisbeispiel Was können wir tun? 20 V

2.2 Technische Hilfsmittel 16 2.2.3 Was können wir tun? 16 2.3 Gehörlose 17 2.3.1 Ausgangslage und Befund 17 2.3.2 Technische Unterstützung 17 2.3.3 Was können wir tun? 17 2.4 Lernbehinderungen 18 2.

3 Kapitel 3 Zugänglichkeit und Design kein Widerspruch Layout Die Seitengliederung Inhalte visuell strukturieren Grafisches Layout Zeit für die Optik Feste und fluide Layouts Was machen wir mit Flash? Das allgegenwärtige PDF 34 Kapitel 4 Gesetzliche Vorgaben Struktur von WCAG Anforderung 1: Text-Äquivalente Anforderung 2: Farbneutralität Anforderung 3: Standardkonformität Anforderung 4: Sprachwechsel Anforderung 5: Tabellen Anforderung 6: Abwärtskompatibilität Anforderung 7: Kontrolle über Zeitsteuerung Anforderung 8: Zugänglichkeit von Benutzerschnittstellen Anforderung 9: Geräteunabhängigkeit Anforderung 10: Abwärtskompatibilität Anforderung 11: Verwendung offener Standards Anforderung 12: Kontext und Orientierung Anforderung 13: Übersichtlichkeit Anforderung 14: Verständlichkeit Ausblick auf die WCAG2 53 Kapitel 5 Bad Seendorf wie im wirklichen Netz Was man über Bad Seendorf wissen sollte Der Zugänglichkeits-Check Valider Code als Grundlage der Zugänglichkeit Startseite Teil 1: Mit den Augen von Cynthia, Bobby und Co. 62 VI

1.3 Anforderung 3: Standardkonformität 42 4.1.4 Anforderung 4: Sprachwechsel 43 4.1.5 Anforderung 5: Tabellen 44 4.1.6 Anforderung 6: Abwärtskompatibilität 1 44 4.1.7 Anforderung 7: Kontrolle über Zeitsteuerung 45 4.

4 5.2.3 Startseite Teil 2 Was Cynthia und Kollegen nicht sehen Und weiter geht es die Unterseiten Was zu Bad Seendorf noch zu sagen wäre Gehörlose Geistig Behinderte Analphabeten Ältere Menschen Fremdsprachler 98 Kapitel 6 Maßnahmen zur Korrektur Zugangsblockaden und Zugangserschwernisse, die leicht zu beheben sind Die Startseite Die Unterseiten Zugangserschwernisse, deren Beseitigung höheren Aufwand erfordert Die Startseite Die Unterseiten Ein Fazit 116 Kapitel 7 Konzept für den barrierearmen Relaunch Inhaltskonzept Technische Vorgaben Accessibility-Konzept Screenreader Sehbehinderte Motorische Behinderungen Menschen mit Leseproblemen Gehörlose Hilfeseite Abschluss Implementierung Interne Maßnahmen 125 VII

1.2 Die Unterseiten 104 6.2 Zugangserschwernisse, deren Beseitigung höheren Aufwand erfordert 113 6.2.1 Die Startseite 113 6.2.2 Die Unterseiten 114 6.

5 Kapitel 8 Das Grundgerüst die Basis jeder Seite Ordnung und Einteilung der Inhalte Schwerpunkte Testmöglichkeiten Trennung von Inhalt und Darstellung Schwerpunkte Wie sieht es in Bad Seendorf aus? Das Markup und das Konzept der Linearisierung Sauberes Markup Welche Version der Markup-Sprache? Das Konzept der Linearisierung Wozu wir Sprungmarken brauchen Wie sieht es in Bad Seendorf aus? Schwerpunkte Testmöglichkeiten Nachvollziehbare Navigation Wie sieht es in Bad Seendorf aus? Schwerpunkte Testmöglichkeiten 156 Kapitel 9 Inhalte optimal aufbereiten Bildliche Inhalte durch alt-texte erschließen Inhaltsarme Bilder Bilder, die über eine Seite hinausgreifen Bilder, die etwas anderes sagen, als sie zeigen Wo alt-texte nicht mehr ausreichen Wie sieht es in Bad Seendorf aus? Schwerpunkte Testmöglichkeiten Zugängliche Datentabellen Überblick zur Problemsituation Komplexe Tabellen mit headers, scope und abbr zugänglich machen 170 VIII

3.4 Wozu wir Sprungmarken brauchen 141 8.3.5 Wie sieht es in Bad Seendorf aus? 142 8.3.6 Schwerpunkte 147 8.3.7 Testmöglichkeiten 147 8.4 Nachvollziehbare Navigation 147 8.4.1 Wie sieht es in Bad Seendorf aus?

6 9.2.3 Wie sieht es in Bad Seendorf aus? Testmöglichkeiten Zugängliche Formulare Die Elemente fieldset und label Aussagekräftige Fehlermeldungen Wie sieht es in Bad Seendorf aus? Schwerpunkte Testmöglichkeiten Sprachliche Besonderheiten Sprachauszeichnungen Akronyme und Abkürzungen Das Glossar Wie sieht es in Bad Seendorf aus? Schwerpunkte Testmöglichkeiten Hilfeseite Wie sieht es in Bad Seendorf aus? Erläuterungen Technische Hilfsmittel Inhaltsverzeichnis Wie sieht es in Bad Seendorf aus? Suchfunktion Wie sieht es in Bad Seendorf aus? Schwerpunkte 202 Kapitel 10 Sonderfälle PDF Die Problemsituation Langsame Entwicklung zur Zugänglichkeit Bedingungen für den Einsatz von PDF Wie wird es gemacht? Multimediale Inhalte DGS-Videos ( Deutsche Gebärdensprache ) Flash 215 IX

190 9.4.5 Schwerpunkte 192 9.4.6 Testmöglichkeiten 192 9.5 Hilfeseite 192 9.5.1 Wie sieht es in Bad Seendorf aus? 193 9.5.2 Erläuterungen 196 9.6 Technische Hilfsmittel 196 9.6.1 Inhaltsverzeichnis 197 9.

7 Kapitel 11 Content Management-Systeme und Barrierefreiheit Joomla! Tabellen das große Problem Was können wir jetzt tun? Joomla!-Templates Read more oder angeteaserte Artikel Glossar und Sitemap Was wir für die Redakteure tun können Fazit TYPO HTML-Vorlage Navigationsobjekte erstellen Inhaltsausgabe Rich Text Editor-Konfiguration Anpassung von Erweiterungen 240 Anhang 241 BITV-Checklisten Priorität I 242 Checkliste Priorität II 245 Linksammlung zur Landesgesetzgebung 247 Nützliche Links 248 Assistive Technologien 248 CSS 248 Checkertools 248 Stichwortverzeichnis 249 X

2.2 Navigationsobjekte erstellen 235 11.2.3 Inhaltsausgabe 236 11.2.4 Rich Text Editor-Konfiguration 239 11.2.5 Anpassung von Erweiterungen 240 Anhang 241 BITV-Checklisten

Ähnliche Dokumente

Barrierefreies Webdesign

Barrierefreies Webdesign Attraktive Websites zugänglich gestalten Angie Radtke, Dr. Michael Charlier ADDISON-WESLEY Ein Imprint von Pearson Education München Boston San Francisco Harlow, England Don Mills,