Barrierefreiheit verstehen und umsetzen - Webstandards für ein zugängliches und nutzbares Internet
von: Jan Eric Hellbusch, Kerstin Probiesch
dpunkt, 2011
ISBN: 9783898648646
Sprache: Deutsch
812 Seiten, Download: 45179 KB
Format: EPUB, PDF, auch als Online-Lesen
Mehr zum Inhalt
Barrierefreiheit verstehen und umsetzen - Webstandards für ein zugängliches und nutzbares Internet
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 |