Inhaltsübersicht | 6 |
Inhaltsverzeichnis | 10 |
Vorwort | 28 |
1 Einleitung | 30 |
1.1 Was erwartet Sie in diesem Buch? | 30 |
1.2 Ziel dieses Buchs | 30 |
1.3 Zielgruppen | 31 |
1.4 Barrierefreiheit ist mehr als HTML und CSS | 32 |
Teil I Gedanken | 34 |
2 Annäherung und Auseinandersetzung | 36 |
2.1 Ausgangspunkt | 36 |
2.1.1 Barrierefreiheit und Behinderung | 37 |
2.1.2 Barrierefreiheit als Ziel | 39 |
2.1.3 Behinderte Nutzergruppen | 40 |
2.1.4 Säulen der Barrierefreiheit | 50 |
2.1.5 Barrierefreiheit für alle? | 53 |
2.2 Barrierefreiheit nervt | 56 |
2.2.1 Barrierefreiheit bringt keine Vorteile | 57 |
2.2.2 Das machen die Programmierer | 59 |
2.2.3 Behinderte gehören nicht zu unserer Zielgruppe | 60 |
2.2.4 Wir machen nichts Neues, wir passen nur an | 61 |
2.2.5 Es funktioniert doch schon | 62 |
2.2.6 Barrierefreiheit schränkt die Gestaltungsfreiheit ein | 63 |
2.2.7 Es beschwert sich doch keiner | 66 |
2.2.8 Wir können es nicht jedem recht machen | 66 |
2.2.9 Wir setzen Barrierefreiheit schon um | 67 |
2.2.10 Auch die gesetzlich Verpflichteten setzen Barrierefreiheit nicht um | 68 |
2.3 Barrierefreiheit ist legitim | 69 |
2.3.1 Von Inhalten, Werkzeugen und Zugangssoftware | 69 |
2.3.2 Vorgaben für die öffentliche Hand | 73 |
2.3.3 Weitere Richtlinien | 78 |
2.4 Barrierefreiheit sichern | 80 |
2.4.1 Problem der Prüfung | 81 |
2.4.2 Testverfahren | 83 |
2.4.3 Nutzertests zur Barrierefreiheit | 85 |
2.4.4 Erklärung zur Barrierefreiheit | 86 |
2.4.5 Autorenwerkzeuge | 89 |
Zusammenfassung | 92 |
3 Spektrum | 94 |
3.1 Verständlichkeit | 94 |
3.1.1 Das Web ist kein Buch | 95 |
3.1.2 Verständliche Sprache | 98 |
3.1.3 Leichte Sprache | 102 |
3.1.4 Gebärdensprachfilme | 103 |
3.1.5 Erschließung von Inhalten | 105 |
3.1.6 Verständliche Formulare | 108 |
3.2 Standardkonformität | 109 |
3.2.1 Herangehensweise - typisch oder untypisch? | 110 |
3.2.2 HTML ist das Handwerk, CSS die Kunst | 111 |
3.2.3 JavaScript als Ergänzungstechnik | 126 |
3.2.4 Angemessenheit und Kompatibilität anderer Formate | 130 |
Zusammenfassung | 142 |
Teil II Experimente | 144 |
4 HTML und CSS | 146 |
4.1 HTML-Einführung | 146 |
4.1.1 HTML oder XHTML? | 147 |
4.1.2 HTML-Grundgerüst | 149 |
4.1.3 HTML-Elemente | 152 |
4.1.4 Linearisierbares und strukturiertes HTML | 154 |
4.2 CSS-Einführung | 165 |
4.2.1 CSS-Spezifikationen | 166 |
4.2.2 CSS-Einbindung, Selektoren und Kaskade | 166 |
4.3 Eine erste Seite mit HTML und CSS | 175 |
Zusammenfassung | 181 |
5 Richtige oder falsche Formate? | 182 |
5.1 Angemessenheit eines Formats | 182 |
5.2 Webstandards des W3C | 183 |
5.3 Grafiken | 184 |
5.3.1 Formate für Rastergrafiken | 185 |
5.3.2 Scalable Vector Graphics (SVG) | 189 |
5.4 Multimedia | 195 |
5.4.1 Multimedia hilft | 195 |
5.4.2 Untertitel und Audio-Deskription | 196 |
5.4.3 Strukturierte Audio-Inhalte | 207 |
5.5 Dynamische Inhalte | 208 |
5.5.1 JavaScript | 209 |
5.5.2 Adobe Flash | 218 |
5.6 Kompatibilität | 221 |
5.6.1 Portable Document Format (PDF) | 222 |
5.6.2 Java | 222 |
Zusammenfassung | 224 |
6 Umgang mit Gestaltungselementen | 226 |
6.1 Progressive Enhancement | 226 |
6.2 Störungen vermeiden | 228 |
6.2.1 Blinken und Bewegung | 229 |
6.2.2 Flackern | 234 |
6.2.3 Audio-Inhalte | 236 |
6.3 Grafiken | 238 |
6.3.1 Schriftgrafiken | 239 |
6.3.2 Dekorative Grafiken | 246 |
6.3.3 Symbole | 248 |
6.3.4 Sparsamer Einsatz von CSS für Grafiken | 252 |
6.3.5 CAPTCHAs | 254 |
Zusammenfassung | 256 |
7 Nutzerführung | 258 |
7.1 Links | 258 |
7.1.1 Der Quellanker (»Link«) | 259 |
7.1.2 Linktexte | 260 |
7.1.3 Format- und Sprachwechsel | 269 |
7.1.4 Rekursive Links | 278 |
7.1.5 Neue Fenster | 279 |
7.1.6 Image-Maps | 281 |
7.2 Navigationskonzepte | 283 |
7.2.1 Die strukturelle Navigation | 284 |
7.2.2 Navigationsleisten | 301 |
7.2.3 Zusammenhängende Dokumente | 313 |
7.2.4 Ergänzungen zur Navigation | 318 |
7.2.5 Suchfunktionen | 328 |
7.2.6 Hilfefunktionen | 330 |
7.3 Beschreibende Dokumenttitel | 331 |
7.3.1 Inhalt eines beschreibenden Dokumenttitels | 331 |
7.3.2 Was gehört nicht in den Dokumenttitel? | 332 |
7.3.3 Reihenfolge der einzelnen Teile des Dokumenttitels | 332 |
Zusammenfassung | 333 |
8 Alternative Versionen | 334 |
8.1 Konformität zur WCAG20 | 334 |
8.1.1 Zulässigkeit alternativer Versionen | 335 |
8.1.2 Erreichbarkeit der alternativen Versionen | 336 |
8.2 Optimierte Inhaltsformen | 339 |
8.2.1 Mythos »Textversion« | 341 |
8.2.2 Verständlichkeitsfördernde Inhalte | 343 |
8.3 Style Switcher | 345 |
Zusammenfassung | 347 |
Teil III Inhalte | 348 |
9 Zugängliche Inhalte | 350 |
9.1 Der barrierefreie Text | 350 |
9.2 Maßstäbe für verständliche Texte | 353 |
9.2.1 Vielfalt der Textsorten | 354 |
9.2.2 Lesbarkeit | 355 |
9.2.3 Leserlichkeit | 360 |
9.2.4 Textorganisation | 362 |
9.2.5 Verständliche Wörter und Begriffe | 376 |
9.2.6 Eine Frage des Stils | 385 |
9.3 Verständliche Sprachen | 386 |
9.3.1 Kontrollierte Sprache | 386 |
9.3.2 Verständliche Amtssprache | 388 |
9.3.3 Leichte Sprache | 390 |
9.3.4 Symbolsprachen | 393 |
Zusammenfassung | 402 |
10 Redaktionsbilder | 404 |
10.1 Textalternativen für Bilder | 404 |
10.1.1 Informative oder dekorative Grafiken? | 405 |
10.1.2 Alternativtexte | 408 |
10.1.3 Lange Beschreibungen | 409 |
10.1.4 Häufige Alternativtextfehler | 416 |
10.1.5 Alternativtexte und lange Beschreibungen in der redaktionellen Praxis | 419 |
10.2 Kontrastverhältnisse und Mindestschriftgröße | 426 |
Zusammenfassung | 427 |
11 Technische Zugänglichkeit | 428 |
11.1 Datentabellen | 428 |
11.1.1 Datentabellen erkennen | 428 |
11.1.2 Elemente für Datentabellen | 433 |
11.1.3 Verbinden von Zellen | 436 |
11.1.4 Zeilengruppen | 437 |
11.1.5 Tabellenüberschriften, Zusammenfassungen und Abkürzungen | 438 |
11.1.6 Verknüpfungen von Tabellenzellen | 442 |
11.1.7 Kurzformen für Kopfzellen | 444 |
11.1.8 Layoutelemente in Datentabellen vermeiden | 446 |
11.1.9 Datentabellen oder Listen? | 446 |
11.2 Sprachangaben | 448 |
11.2.1 Sprachwechsel | 448 |
11.2.2 CSS für fremdsprachige Texte | 452 |
11.3 Abkürzungen | 452 |
11.3.1 Abkürzungen auflösen | 453 |
11.3.2 Sprache und Aussprache von Abkürzungen | 456 |
11.4 Programmierseitige Lösungen für Abkürzungen und Sprachwechsel | 458 |
11.4.1 Allgemeine Anforderungen | 458 |
11.4.2 Empfehlungen für die Behandlung von Abkürzungen | 459 |
Zusammenfassung | 460 |
12 PDF umsetzen und prüfen | 462 |
12.1 Barrierefreiheit in PDF verstehen - Gerüchte, Geschichte und gegenwärtige Lage | 462 |
12.1.1 PDF als strukturiertes Format | 462 |
12.1.2 Ein Blick zurück | 464 |
12.1.3 Zugänglichkeitsunterstützung von PDF | 465 |
12.1.4 Quellformate im Blick | 467 |
12.1.5 Klärung einiger Begriffe | 468 |
12.2 Merkmale barrierefreier PDF-Dateien | 469 |
12.2.1 Eine Frage vorweg | 469 |
12.2.2 Durchsuchbarer Text als Voraussetzung | 470 |
12.2.3 Dokument konsistent gliedern und korrekten Zeichencode verwenden | 471 |
12.2.4 Über PDF-Tags Strukturinformationen anlegen | 473 |
12.2.5 Unterschiedliche Reihenfolgen | 477 |
12.2.6 Alternativtexte | 478 |
12.2.7 Artefakte | 479 |
12.2.8 Verknüpfungen | 480 |
12.2.9 Hintergrundfarbe von Texten | 481 |
12.2.10 Lesezeichen | 483 |
12.2.11 Startansicht für eine PDF-Datei | 484 |
12.2.12 Sprache der Inhalte festlegen | 485 |
12.2.13 Umfließen-Ansicht | 487 |
12.2.14 Tastaturbedienbarkeit | 488 |
12.2.15 Bedienbare Formularfelder | 488 |
12.2.16 Abkürzungen | 489 |
12.2.17 Kompatibilität | 489 |
12.2.18 Sicherheitseinstellungen | 491 |
12.3 Workflows zum Erstellen barrierefreier PDFs | 492 |
12.3.1 PDF ist ein Sekundärformat | 492 |
12.3.2 Die acht Phasen jedes Workflows | 493 |
12.3.3 Textverarbeitung | 496 |
12.3.4 Tabellendokumente | 509 |
12.3.5 Präsentationen | 510 |
12.3.6 InDesign | 511 |
12.3.7 Formulare | 521 |
12.3.8 Barrierefreie PDF aus XML und HTML | 528 |
12.4 Qualitätssicherung als Herausforderung | 530 |
12.4.1 Prüfwerkzeuge | 530 |
12.4.2 Stufe 1: Die automatische Prüfung - »Auf Knopfdruck prüfen« | 531 |
12.4.3 Stufe 2: Die manuelle Prüfung - »Von Hand sowie mit Kopf und Verstand« | 538 |
12.4.4 Stufe 3: Härtetest mit Vorlesesoftware | 542 |
12.5 Fazit und Ausblick | 543 |
12.5.1 Barrierefreiheit in PDF verstehen | 543 |
12.5.2 Merkmale | 543 |
12.5.3 Workflows | 544 |
12.5.4 Qualitätssicherung | 544 |
Teil IV Vorlagen | 546 |
13 Technischer Unterbau | 548 |
13.1 Validität | 548 |
13.1.1 Kompatibilität sichert die Zugänglichkeit | 549 |
13.1.2 HTML-Validierung | 550 |
13.1.3 Werkzeuge zur Prüfung der Barrierefreiheit | 556 |
13.2 Allgemeine Sorgfaltspflichten | 557 |
13.2.1 Zeichenkodierung | 557 |
13.2.2 Dokumentsprache | 561 |
13.2.3 Texte mit unterschiedlicher Schriftrichtung | 562 |
Zusammenfassung | 563 |
14 Layouttechniken | 564 |
14.1 CSS-Design | 565 |
14.1.1 Voraussetzungen für ein CSS-Design | 565 |
14.1.2 CSS-Regeln für ein HTML-Grundgerüst | 569 |
14.2 Layouttabellen sind wie Briefe in Excel | 588 |
14.3 Frames | 590 |
14.3.1 Grundlegendes zu Frames | 590 |
14.3.2 HTML-Attribute für Frames | 594 |
Zusammenfassung | 595 |
15 Formulare | 596 |
15.1 Aufbau eines Formulars | 596 |
15.1.1 Das FORM-Element | 596 |
15.1.2 Steuerelemente | 597 |
15.1.3 Beschriftungen | 602 |
15.1.4 Beschriftung von Schaltflächen | 611 |
15.2 Strukturen in Formularen | 613 |
15.2.1 Optimierung der HTML-Strukturen | 613 |
15.2.2 Gruppierung von Steuerelementen | 614 |
15.2.3 Lange Auswahllisten | 617 |
15.3 Reihenfolge der Formularinhalte | 618 |
15.3.1 Linearisierbare Formulare | 618 |
15.3.2 Positionierung am Bildschirm | 619 |
15.4 Fehlervermeidung und -behandlung | 621 |
15.4.1 Kontextuelle Hilfen | 621 |
15.4.2 Links zu Hilfe-Funktionen | 623 |
15.4.3 Eingabeabhängige Hilfe | 624 |
Zusammenfassung | 627 |
16 Tastaturbedienung und dynamische Inhalte | 628 |
16.1 Bedeutung der Tastaturbedienung | 628 |
16.2 Tastaturbedienung in HTML | 631 |
16.2.1 Nicht erreichbare Inhalte und Tastaturfallen | 631 |
16.2.2 Konsistenter Seitenaufbau | 633 |
16.2.3 Sichtbarer Fokus | 634 |
16.2.4 Einsatz von tabindex und accesskey | 637 |
16.2.5 Vermeidung redundanter Links | 644 |
16.3 Erhaltung von Rolle, Name und Status | 647 |
16.3.1 Standardisierte HTML-Elemente | 648 |
16.3.2 Event-Handler | 649 |
16.3.3 DOM-Scripting und »unobtrusive« JavaScript | 659 |
16.3.4 Lücken mit ARIA schließen | 662 |
16.3.5 Einsatz von JavaScript und ARIA | 666 |
16.4 Kontextänderung bei Zeitbeschränkungen | 670 |
16.4.1 Weiterleitungen | 671 |
16.4.2 Automatische Seitenaktualisierungen | 672 |
Zusammenfassung | 673 |
Teil V Screendesign | 674 |
17 Flexible Darstellung | 676 |
17.1 Vergrößerung von Inhalten | 676 |
17.1.1 Mindestschriftgröße | 679 |
17.1.2 Schriftvergrößerung | 680 |
17.1.3 Seitenzoom | 684 |
17.2 Flüssiges Layout | 688 |
17.2.1 Anforderungen im Überblick | 688 |
17.2.2 Flüssig, elastisch oder starr | 689 |
17.2.3 Flüssiges Layout in der Praxis | 700 |
17.3 Größenangaben in HTML | 705 |
17.3.1 Grafiken | 705 |
17.3.2 Vergrößerbare Frames | 706 |
17.3.3 Tabellen mit Angaben zur Spaltenbreite | 709 |
17.4 Typografisches | 712 |
17.4.1 Leserlichkeit von Texten | 712 |
17.4.2 Gestaltungselemente ohne Vergrößerbarkeit | 714 |
Zusammenfassung | 715 |
18 Kontraste und Farben | 716 |
18.1 Mindestkontrastverhältnis | 716 |
18.1.1 Schwellenwerte | 717 |
18.1.2 Benutzerdefinierte Farbeinstellungen | 719 |
18.1.3 Ausnahmen für Mindestkontrastverhältnisse | 722 |
18.2 Wo die WCAG20 zu kurz greifen | 724 |
18.2.1 Farbkombinationen | 724 |
18.2.2 Mindestkontrastverhältnis ist keine Garantie | 725 |
18.2.3 Schaubilder und andere Info-Grafiken | 725 |
Zusammenfassung | 726 |
19 Mehrfachkennzeichnung | 728 |
19.1 Informationen über mehrere Wege vermitteln | 728 |
19.1.1 Farbe als einziger Informationsträger | 729 |
19.1.2 Bildschirmabhängige Hinweise | 731 |
19.2 Mehrfachkennzeichnung in der Praxis | 732 |
19.2.1 Links | 732 |
19.2.2 Inhalte | 736 |
19.2.3 Formulare | 741 |
19.3 Mehrfachkennzeichnung ist interdisziplinär | 745 |
19.3.1 Zusammenspiel von Screendesignern und Programmierern | 745 |
19.3.2 Zusammenspiel von Screendesignern und Redaktion | 746 |
Zusammenfassung | 746 |
| 748 |
20 Gedanken zum Schluss | 750 |
Anhang | 754 |
A Erfolgskriterien der WCAG20 | 756 |
A.1 Konformitätsbedingungen | 757 |
A.2 Prinzip 1 | 759 |
A.3 Prinzip 2 | 765 |
A.4 Prinzip 3 | 770 |
A.5 Prinzip 4 | 773 |
B PDF-Standard-Tags | 774 |
B.1 Zusammenfassende Elemente | 775 |
B.2 Blockelemente | 776 |
B.2.1 Absatzähnliche Elemente | 776 |
B.2.2 Listenelemente | 777 |
B.2.3 Tabellenelemente | 777 |
B.3 Inline-Elemente | 778 |
B.4 Bildhafte Elemente | 779 |
C Literatur und weitere Quellen | 780 |
C.1 Bücher und Artikel | 780 |
C.2 Onlinequellen | 781 |
Index | 800 |