ACCESIBILIDAD ≠ OVERLAY · 32
Barrierefreiheit ≠ Overlay: Barrierefreiheit muss geplant werden
2. November 2026
Barrierefreie Websites entstehen nicht zufällig. Sie brauchen klare Anforderungen, inklusives Design, solide Entwicklung, Tests und Wartung.
1. Von Anfang an berücksichtigen
Wird Barrierefreiheit erst am Projektende geprüft, sind Hindernisse häufig bereits in Navigation und Komponenten eingebaut. Korrekturen können dann teuer werden.
Planung bedeutet, früh festzulegen, wie die Website ohne Maus, mit Screenreader und bei starker Vergrößerung bedient werden kann.
2. Messbare Anforderungen definieren
Die Aussage, eine Website solle barrierefrei sein, ist zu ungenau. Erforderlich sind Kriterien für Tastatur, sichtbaren Fokus, Formularbeschriftungen und verständliche Fehler.
WCAG 2.2 bietet eine technische Grundlage für Abnahmekriterien. Legen Sie auch fest, wer die Anforderungen überprüft.
3. Menschen und Aufgaben verstehen
Besucher möchten Informationen finden, einkaufen, Termine buchen oder Kontakt aufnehmen. Diese Aufgaben müssen selbstständig möglich sein.
Berücksichtigen Sie Screenreader, Vergrößerung, Sprachsteuerung und unterschiedliche Bedürfnisse. Beteiligen Sie nach Möglichkeit Menschen mit Behinderungen.
4. Eine klare Struktur gestalten
Planen Sie logische Überschriften, aussagekräftige Links, vorhersehbare Navigation und verständliche Formulare.
Kontraste, Fokuszustände und Bedienelemente gehören bereits in das Designsystem und sollten nicht erst nachträglich ergänzt werden.
5. Semantisch korrekt entwickeln
Echte HTML-Schaltflächen, zugeordnete Labels und eine sinnvolle Dokumentstruktur unterstützen Hilfstechnologien. Dynamische Dialoge benötigen korrektes Fokusmanagement.
WordPress, Divi oder ein Plugin garantieren kein barrierefreies Ergebnis. Entscheidend ist die tatsächlich ausgelieferte Oberfläche.
6. Während aller Phasen testen
Prüfen Sie bereits Prototypen und wiederholen Sie Tests während der Entwicklung. Automatische Werkzeuge decken nur einen Teil der Probleme ab.
Testen Sie Tastatur, Screenreader, Zoom, Mobilgeräte und vollständige Abläufe. Dokumentieren Sie Fehler und überprüfen Sie die Korrekturen.
7. Zeit und Verantwortung einplanen
Barrierefreiheit benötigt Budget und klare Zuständigkeiten. Legen Sie fest, wer Formulare, Inhalte und gemeinsame Komponenten freigibt.
Auch externe Buchungs- oder Zahlungssysteme müssen berücksichtigt werden, weil ein einzelnes Hindernis den gesamten Ablauf blockieren kann.
8. Wartung von Beginn an vorsehen
Updates und neue Inhalte können später neue Barrieren erzeugen. Planen Sie regelmäßige Kontrollen und einen Meldeweg für Probleme.
Barrierefreiheit begleitet Planung, Design, Entwicklung, Tests und Wartung. Ein Overlay ersetzt diese Arbeit nicht.
9. Ein Beispiel und ein nächster Schritt
Bei einer Buchungswebsite sollten Auswahl, Datumseingabe und Bestätigung von Anfang an ohne Maus funktionieren.
Definieren Sie für das nächste Projekt drei wichtige Aufgaben, Verantwortliche und überprüfbare WCAG-2.2-Kriterien.

