Barrierefreie Webseiten

Wie steht es auf Ihrer Website um die Anforderungen der digitalen Barrierefreiheit? Eine verbesserte Zugänglichkeit, Nutzerführung und Inklusion sind für alle von Vorteil. Mit dem am 28. Juni 2025 in Kraft getretenen Barrierefreiheitsstärkungsgesetzes (BFSG), stehen viele Webentwicklerinnen und Webentwicker vor der Herausforderung, barrierefreie Websites zu gestalten, die für jede und jeden zugänglich sind. Dieses Buch von Tobias Aubele und Detlef Girke ist ein unverzichtbarer Leitfaden für die Entwicklung und Gestaltung, um auch die Anforderungen des Gesetzes zu erfüllen. Von den grundlegenden Prinzipien der Barrierefreiheit bis hin zu fortgeschrittenen Techniken und Tools, um Barrieren für Menschen mit Behinderungen zu überwinden, finden Sie in diesem Buch alle wichtigen Themen und bereiten sich optimal vor. Aus dem Inhalt: Grundlagen der digitalen Barrierefreiheit Barrierefreiheit testen und prüfen Technische Grundlagen: HTML, CSS, JavaScript, WAI ARIA Barrierefreie Webseiten gestalten Content: Texte, Audio und Video barrierefrei umsetzen Bedienbarkeit: Menschen zum Ziel führen Leichte Sprache Formulare und Eingabefelder Barrierefreie PDF erstellen und einsetzen Apps barrierefrei umsetzen Testing

»Buchtipp!«

Autorentext
Detlef Girke ist als Experte für barrierefreie IT seit über 20 Jahren in diesem Bereich tätig. Seine Erfahrungen umfassen die Entwicklung von Prüfverfahren, Workshops, die Durchführung von Tests, Projektmanagement sowie begleitende Beratung. Zu seinen Hauptinteressen gehören Musik, Soziales, Kommunikation, vernetztes Arbeiten, Webtechnologien und Menschen.

Klappentext

Sind Sie bereit für die digitalen Anforderungen der Barrierefreiheit? Eine verbesserte Zugänglichkeit, Nutzerführung und Inklusion sind für alle von Vorteil. Angesichts des bevorstehenden Barrierefreiheitstärkungsgesetzes, das ab dem 28. Juni 2025 in Kraft tritt, stehen viele Webentwicklerinnen und Webentwicker vor der Herausforderung, barrierefreie Websites zu gestalten, die für jede und jeden zugänglich sind. Unser Buch ist ein unverzichtbarer Leitfaden für Entwicklung und Gestaltung, um auch die Anforderungen des Gesetzes zu erfüllen. Von den grundlegenden Prinzipien der Barrierefreiheit bis hin zu fortgeschrittenen Techniken und Tools**, um Barrieren für Menschen mit Behinderungen zu überwinden, finden Sie in diesem Buch alle wichtigen Themen.

Aus dem Inhalt:

• Grundlagen der digitalen Barrierefreiheit
• Barrierefreiheit testen und prüfen
• Technische Grundlagen: HTML, CSS, JavaScript, WAI ARIA
• Barrierefreie Webseiten gestalten
• Content: Texte, Audio und Video barrierefrei umsetzen
• Bedienbarkeit: Menschen zum Ziel führen
• Leichte Sprache
• Formulare und Eingabefelder
• Barrierefreie PDF erstellen und einsetzen
• Apps barrierefrei umsetzen

• Testing

  Inhalt

  Geleitwort von Joschi Kuphal: Digitale Barrierefreiheit als gemeinschaftliche Aufgabe ... 17
  Für wen ist dieses Buch? Warum sollten Sie es lesen? ... 19
  TEIL I. Bedürfnisse der Menschen, rechtliche Grundlagen und erste Prüfungen der Barrierefreiheit Ihrer Website ... 25
  Kapitel 1. Digitale Barrierefreiheit ... 27

  1.1 ... Was ist digitale Barrierefreiheit? ... 28
  1.2 ... Permanente, temporäre und situative Einschränkungen/Behinderungen ... 31
  1.3 ... Arten von Behinderungen und die Konsequenzen für Ihre Website/Anwendung ... 32
  1.4 ... Barrierefreiheitsanforderungen -- die Europäische Norm EN 301 549 ... 48
  1.5 ... Webinhalte für alle -- die Web Content Accessibility Guidelines (WCAG) ... 52
  1.6 ... Die ersten Schritte zur Barrierefreiheit Ihrer Website ... 59
  1.7 ... Tools für erste Optimierungspotenziale ... 75
  1.8 ... Zusammenfassung des Kapitels ... 84

  Kapitel 2. Bedürfnisse der Nutzenden verstehen, und zwar aller ... 87

  2.1 ... Menschzentrierter Gestaltungsprozess -- die Nutzenden in den Mittelpunkt stellen ... 88
  2.2 ... Heterogene Nutzende -- Betroffene integrieren ... 91
  2.3 ... Screenreader und Co. -- Unterstützung durch assistive Technologien ... 94
  2.4 ... Design und Barrierefreiheit -- ein Widerspruch? ... 99
  2.5 ... Kulturelle Besonderheiten ... 101
  2.6 ... Barrierefreiheit ist für alle ein Gewinn ... 102
  2.7 ... Zusammenfassung des Kapitels ... 108

  TEIL II. Technische Grundlagen für barrierefreie Websites ... 111
  Kapitel 3. Das Fundament barrierefreier Websites -- HTML und der Accessibility Tree ... 113

  3.1 ... HTML -- die Grundlage von Websites ... 114
  3.2 ... Tags und Attribute in HTML ... 120
  3.3 ... Bedeutung des semantischen HTML für die Barrierefreiheit ... 122
  3.4 ... DOM und Accessibility Tree ... 126
  3.5 ... Zusammenfassung des Kapitels ... 135

  Kapitel 4. Die perfekte Website -- eine Kombination aus HTML, CSS, JavaScript und WAI ARIA ... 137

  4.1 ... CSS -- das Design von Websites ... 138
  4.2 ... Zusammenspiel zwischen HTML, CSS, JavaScript und WAI ARIA ... 143
  4.3 ... JavaScript ... 147
  4.4 ... WAI ARIA ... 148
  4.5 ... Kompatibilität mit aktuellen und zukünftigen assistiven Technologien gewährleisten ... 165
  4.6 ... KoliBri -- die Komponentenbibliothek für die Barrierefreiheit ... 170
  4.7 ... Tools zur Optimierung ... 171
  4.8 ... Zusammenfassung des Kapitels ... 174

  TEIL III. Barrierefreie Inhalte -- die Basis Ihrer Website ... 177
  Kapitel 5. Texte und Inhalte auf Website und App zielgruppengerecht aufbereiten ... 179

  5.1 ... Visuelle Informationen und kognitive Leichtigkeit ... 179
  5.2 ... Texte zielgruppenkonform gestalten -- Verständlichkeit und Lesbarkeit erhöhen ... 183
  5.3 ... Prinzipien der Leichten Sprache ... 189
  5.4 ... Prinzipien der Einfachen Sprache ... 190
  5.5 ... Optimierung der Aussprache von Texten in Screenreadern ... 192
  5.6 ... Zusammenfassung des Kapitels ... 195

  Kapitel 6. Texte und Inhalte auf Website und App barrierefrei gestalten ... 197

  6.1 ... Einsatz von Farbe ... 197
  6.2 ... Wie ist das notwendige Kontrastverhältnis? ... 201
  6.3 ... Schriftart und Schriftgröße ... 206
  6.4 ... Abstände und Schreibweisen ... 214
  6.5 ... Zoom und Anpassung von Textabständen ... 216
  6.6 ... Bilder eines Textes (Schriftgrafik) ... 220
  6.7 ... Auszeichnung der Überschriften im Text (H1--H6) ... 222
  6.8 ... Fettungen und kursive Wörter ... 224
  6.9 ... Auszeichnung von Tabellen ... 225
  6.10 ... Auszeichnung von Listen ... 234
  6.11 ... Zitate barrierefrei auszeichnen ... 237
  6.12 ... Kontaktinformationen (Adresse, Telefonnummer) ... 238
  6.13 ... Textausrichtung im internationalen Umfeld definieren ... 239
  6.14 ... Zusammenfassung des Kapitels ... 240

  Kapitel 7. Visuelles und auditives Design barrierefrei umsetzen ... 243

  7.1 ... Barrierefreie Grafiken und Bilder -- Alt-Texte, Title und Bildlinks korrekt einsetzen ... 244
  7.2 ... Flackern und Blinken ... 253
  7.3 ... Barrierefreie Integration von iFrames ... 255
  7.4 ... CAPTCHAs im Hinblick auf Barrierefreiheit ... 256
  7.5 ... Integrierte Barrierefreiheitsfunktionen (Kontrasterhöhungen, Schriftgröße) sowie konforme alternative Version ... 258
  7.6 ... Audio auf Websites barrierefrei implementieren ... 259
  7.7 ... Video auf Websites barrierefrei implementieren ... 263
  7.8 ... Zusätzliche Video- und Audiofähigkeiten nach der EN 301 549 Kapitel 7 ... 269
  7.9 ... Zusammenfassung des Kapitels ... 271

  Kapitel 8. Bedienbarkeit? Menschen zum Ziel führen ... 273

  8.1 ... Was ist bei der Navigation auf Websites zu beachten? ... 274
  8.2 ... Wie ist die optimale Nutzung von Tastatureingaben? ... 283
  8.3 ... Notwendige Zielgrößen von Interaktionselementen (Buttons) ... 292
  8.4 ... Zeitlich limitierte Interaktionen (»nur noch X Minuten«) ... 295
  8.5 ... Ein Navigationskonzept barrierefrei umsetzen ... 297
  …