Barrierefreies Webdesign

Transkript

1 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, Ontario Sydney Mexico City Madrid Amsterdam

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

3 Kapitel 3 Zugänglichkeit und Design - kein Widerspruch 3.1 Layout Die Seiten gliederung - Inhalte visuell strukturieren Grafisches Layout - Zeit für die Optik Feste und fluide Layouts 3.2 Was machen wir mit Flash? 3.3 Das allgegenwärtige PDF J Kapitel 4 Gesetzliche Vorgaben 4.1 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 4.2 Ausblick auf die WCAG 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. _ VI

4 5.2.3 Startseite Teil 2 Was Cynthia und Kollegen nicht sehen Und weiter geht es - die Unterseiten 5.3 Was zu Bad Seendorf noch zu sagen wäre Gehörlose Geistig Behinderte Analphabeten Ältere Menschen Fremdsprachler 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 Kapitel 7 Konzept für den barrierearmen Relaunch Inhaltskonzept Technische Vorgaben Accessibüity- Konzept Screenreader Sehbehinderte Motorische Behinderungen Menschen mit Leseproblemen Gehörlose Hilfeseite Abschluss Implementierung Interne Maßnahmen VII

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 Linearisierring 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 15g 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 0 VIII

6 Wie sieht es in Bad Seendorf aus? Testmöglichkeiten Zugän gliche 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 Inhal ts Verzeichnis Wie sieht es in Bad Seendorf aus? Suchfunktion Wie sieht es in Bad Seendorf aus? Schwerpunkte Kapitell 0 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

7 Kapitel 11 Content Management-Systeme und Barrierefreiheit Joomla! Tabellen - das große Problem Was können wir jetzt tun? JoomlaLTemplates Read more - o der an geteaserte Artikel Glossar und Sitemap Was wir für die Redakteure tun können Fazit TYP HTML-Vorlage Navigationsobjekte erstellen Inhaltsausgabe Rieh 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