Barrierefreiheit
Barrierefreiheit (häufig abgekürzt als A11y — das heißt, "a", dann 11 Zeichen, und dann "y") in der Webentwicklung bedeutet, dass möglichst viele Menschen Webseiten nutzen können, selbst wenn ihre Fähigkeiten in irgendeiner Weise eingeschränkt sind.
Für viele Menschen erleichtert Technologie die Dinge. Für Menschen mit Behinderungen macht Technologie viele Dinge überhaupt erst möglich. Barrierefreiheit bedeutet, Inhalte so zu entwickeln, dass sie unabhängig von den körperlichen und kognitiven Fähigkeiten einer Person sowie ihrer Art des Zugriffs auf das Web so zugänglich wie möglich sind.
"Das Web ist grundsätzlich so gestaltet, dass es für alle Menschen funktioniert, unabhängig von ihrer Hardware, Software, Sprache, ihrem Standort oder ihrer Fähigkeit. Wenn das Web dieses Ziel erreicht, ist es für Menschen mit einer Vielzahl von Hör-, Bewegungs-, Seh- und kognitiven Fähigkeiten zugänglich." (W3C - Accessibility)
Zentrale Tutorials
Der MDN Barrierefreiheits-Bereich enthält moderne, aktuelle Tutorials, die die folgenden grundlegenden Themen der Barrierefreiheit abdecken:
- Was ist Barrierefreiheit?
-
Dieser Artikel startet das Modul mit einem genauen Blick darauf, was Barrierefreiheit tatsächlich ist — dazu gehört, welche Personengruppen wir berücksichtigen müssen und warum, welche Tools verschiedene Personen nutzen, um mit dem Web zu interagieren, und wie wir Barrierefreiheit in unseren Webentwicklungs-Workflow integrieren können.
- HTML: Eine gute Grundlage für Barrierefreiheit
-
Ein großer Teil der Webinhalte kann barrierefrei gemacht werden, indem sichergestellt wird, dass die richtigen HTML-Elemente jederzeit für den richtigen Zweck verwendet werden. Dieser Artikel untersucht im Detail, wie HTML genutzt werden kann, um maximale Barrierefreiheit zu gewährleisten.
- Best Practices für CSS und JavaScript in der Barrierefreiheit
-
Wenn richtig eingesetzt, können CSS und JavaScript auch barrierefreie Web-Erfahrungen ermöglichen. Werden sie jedoch falsch eingesetzt, können sie die Barrierefreiheit erheblich beeinträchtigen. Dieser Artikel skizziert einige Best Practices für CSS und JavaScript, die berücksichtigt werden sollten, um sicherzustellen, dass selbst komplexe Inhalte so barrierefrei wie möglich sind.
- Grundlagen von WAI-ARIA
-
Aufbauend auf dem vorherigen Artikel gibt es Situationen, in denen es schwierig ist, komplexe UI-Steuerelemente zu erstellen, die nicht-semantisches HTML und dynamisch aktualisierte JavaScript-Inhalte beinhalten. WAI-ARIA ist eine Technologie, die bei solchen Problemen helfen kann, indem sie zusätzliche Semantik hinzufügt, die von Browsern und unterstützenden Technologien erkannt werden können, um Nutzer über den aktuellen Status zu informieren. Hier wird gezeigt, wie Sie WAI-ARIA auf grundlegender Ebene einsetzen können, um die Barrierefreiheit zu verbessern.
- Barrierefreie Multimedia-Inhalte
-
Eine weitere Kategorie von Inhalten, die Barrierefreiheit beeinträchtigen kann, sind Multimedia-Inhalte — Video-, Audio- und Bildinhalte müssen mit geeigneten textlichen Alternativen versehen werden, damit sie von unterstützenden Technologien und deren Nutzern verstanden werden können. Dieser Artikel zeigt, wie das gelingt.
- Barrierefreiheit für mobile Endgeräte
-
Da der Zugriff auf das Web über mobile Geräte so populär ist und Plattformen wie iOS und Android vollständig entwickelte Barrierefreiheitstools bieten, ist es wichtig, die Barrierefreiheit Ihrer Webinhalte auf diesen Plattformen zu berücksichtigen. Dieser Artikel untersucht spezifische Überlegungen zur Barrierefreiheit auf mobilen Geräten.
Weitere Dokumentation
- Verständnis der Web Content Accessibility Guidelines
-
Diese Artikelserie bietet schnelle Erklärungen, die Ihnen helfen, die Schritte zu verstehen, die erforderlich sind, um den Empfehlungen der W3C Web Content Accessibility Guidelines 2.0 (WCAG 2.0 oder einfach WCAG für dieses Dokument) zu entsprechen.
- Einführung in Farben und Barrierefreiheit
-
Dieser Artikel behandelt unsere Wahrnehmung von Licht und Farbe, bietet eine Grundlage für die Verwendung von Farben in barrierefreien Designs und zeigt Best Practices für visuelle und lesbare Inhalte.
-
Bisher fehlten Webentwicklern, die ihre gestylten
<div>- und<span>-basierten Widgets barrierefrei gestalten wollten, geeignete Techniken. Tastaturzugänglichkeit gehört zu den Mindestanforderungen an Barrierefreiheit, die ein Entwickler kennen sollte. - ARIA
-
Dies ist eine Sammlung von Artikeln, um zu lernen, wie man Accessible Rich Internet Applications (ARIA) verwendet, um HTML-Dokumente barrierefreier zu machen.
- Checkliste für Barrierefreiheit auf mobilen Endgeräten
-
Dieser Artikel bietet eine prägnante Checkliste von Barrierefreiheitsanforderungen für Entwickler von mobilen Apps.
- Kognitive Barrierefreiheit
-
Dieser Artikel erklärt, wie Sie sicherstellen können, dass die Webinhalte, die Sie erstellen, für Personen mit kognitiven Beeinträchtigungen zugänglich sind.
- Barrierefreiheit für Anfallsleiden
-
Einige Arten von visuellen Webinhalten können bei Personen mit bestimmten Hirnerkrankungen Anfälle auslösen. Dieser Artikel hilft Ihnen, die potenziell problematischen Inhalte zu verstehen und Werkzeuge sowie Strategien zu finden, um sie zu vermeiden.