Barrierefreiheit verstehen und umsetzen - Webstandards für ein zugängliches und nutzbares Internet

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

geeignet für: geeignet für alle DRM-fähigen eReader geeignet für alle DRM-fähigen eReader Apple iPad, Android Tablet PC's Apple iPod touch, iPhone und Android Smartphones Online-Lesen PC, MAC, Laptop


 

eBook anfordern

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  

Kategorien

Service

Info/Kontakt