Webdesign & Entwicklung

Barrierefreie Website

Eine barrierefreie Website kann jeder nutzen – mit Maus, Tastatur, Screenreader oder Vergrößerung. Hier finden Sie die Grundlagen zu WCAG und BFSG und die wichtigsten Schritte.

Kurz gesagt: Barrierefreiheit bedeutet, dass Inhalte wahrnehmbar, bedienbar, verständlich und technisch robust sind. Maßstab sind die Web Content Accessibility Guidelines (WCAG). Für viele Online-Angebote an Verbraucher schreibt das Barrierefreiheitsstärkungsgesetz (BFSG) seit dem 28. Juni 2025 Barrierefreiheit vor. Der Weg dorthin: prüfen, Barrieren nach Priorität beheben, dauerhaft dranbleiben.

Warum Barrierefreiheit zählt

Barrierefreiheit ist nicht nur ein Thema für Menschen mit dauerhafter Behinderung. Wer mit gebrochenem Arm nur die Tastatur nutzt, im Sonnenlicht auf ein Smartphone schaut oder im Alter schlechter sieht, profitiert ebenso von klaren Kontrasten, verständlichen Texten und einer logischen Bedienung. Viele Maßnahmen verbessern zugleich die Nutzerführung und die technische Qualität einer Website – und damit oft auch ihre Auffindbarkeit.

Das Barrierefreiheitsstärkungsgesetz (BFSG)

Das BFSG setzt die europäische Barrierefreiheitsrichtlinie (European Accessibility Act) in deutsches Recht um und gilt seit dem 28. Juni 2025. Es betrifft bestimmte Produkte und Dienstleistungen für Verbraucher, darunter Dienstleistungen im elektronischen Geschäftsverkehr – also zum Beispiel Online-Shops und Websites, über die Verbraucher Verträge abschließen.

  • Ausnahme für Kleinstunternehmen: Dienstleister mit weniger als 10 Beschäftigten und höchstens 2 Mio. Euro Jahresumsatz oder Jahresbilanzsumme sind von den Anforderungen an Dienstleistungen ausgenommen.
  • Technischer Maßstab: Als Orientierung dient die europäische Norm EN 301 549, die auf die WCAG 2.1 in der Stufe AA verweist.
  • Informationspflicht: Betroffene Anbieter müssen in einer Erklärung beschreiben, wie ihre Dienstleistung die Anforderungen erfüllt.

Hinweis: Diese Seite gibt einen allgemeinen Überblick und ersetzt keine Rechtsberatung. Ob Ihr Angebot unter das BFSG fällt, klären Sie im Zweifel mit einer fachkundigen Stelle.

WCAG: die vier Prinzipien

Die WCAG gliedern ihre Anforderungen in vier Grundprinzipien. Jedes Prinzip enthält prüfbare Erfolgskriterien in den Stufen A, AA und AAA.

PrinzipBedeutungBeispiele
WahrnehmbarInhalte können mit verschiedenen Sinnen erfasst werdenAlternativtexte, Untertitel, ausreichende Kontraste
BedienbarAlle Funktionen sind ohne Maus nutzbarTastaturbedienung, sichtbarer Fokus, genug Zeit
VerständlichInhalte und Bedienung sind nachvollziehbarKlare Sprache, eindeutige Formularfehler, einheitliche Navigation
RobustHilfstechnologien können Inhalte zuverlässig auslesenSauberes HTML, korrekte Rollen und Beschriftungen

Website barrierefrei machen: die wichtigsten Schritte

  1. Bestandsaufnahme: Automatische Tests finden einen Teil der Probleme, etwa fehlende Alternativtexte oder schwache Kontraste. Ergänzend braucht es manuelle Prüfungen mit Tastatur und Screenreader.
  2. Struktur: Eine logische Überschriftenhierarchie, Landmarken wie Kopfbereich, Navigation und Hauptinhalt sowie aussagekräftige Linktexte.
  3. Gestaltung: Ausreichende Farbkontraste, ein gut sichtbarer Fokus, Informationen nie nur über Farbe vermitteln. Hier zahlt sich ein durchdachtes Corporate Design mit geprüften Farbkombinationen aus.
  4. Bedienung: Menüs, Formulare, Akkordeons und Dialoge vollständig per Tastatur nutzbar machen.
  5. Inhalte: Alternativtexte für informative Bilder, verständliche Sprache, beschriftete Formularfelder und klare Fehlermeldungen.
  6. Dokumente und Medien: PDFs, Videos und eingebettete Inhalte ebenfalls prüfen.

Intuitive Benutzeroberflächen mit Fokus auf den Nutzer gehören zu unseren Leistungen. Barrierefreiheit ist dabei kein nachträglicher Anstrich, sondern Teil von Konzept, Gestaltung und Entwicklung.

Prüfen und dranbleiben

Barrierefreiheit ist kein einmaliges Projekt. Jede neue Seite, jedes Bild und jedes Formular kann neue Barrieren mitbringen. Bewährt haben sich:

  • Kurze Regeln für Redakteure, etwa zu Alternativtexten und Überschriften.
  • Barrierefreiheit als Prüfpunkt vor jeder Veröffentlichung größerer Änderungen.
  • Regelmäßige Kontrollen im Rahmen der Website-Wartung.

Ist die bestehende Seite technisch veraltet, kann ein Relaunch der sauberere Weg sein, Barrierefreiheit von Grund auf mitzudenken. In vielen Fällen lässt sich eine bestehende Website aber gezielt nachbessern.

Häufige Fragen

Kurz beantwortet

Was ist eine barrierefreie Website?

Eine Website, die Menschen mit und ohne Einschränkungen gleichermaßen nutzen können – zum Beispiel mit Screenreader, nur mit der Tastatur, mit Vergrößerung oder bei eingeschränktem Farbsehen.

Gilt das Barrierefreiheitsstärkungsgesetz für jede Website?

Nein. Das BFSG betrifft bestimmte Produkte und Dienstleistungen für Verbraucher, darunter Dienstleistungen im elektronischen Geschäftsverkehr. Ob und wie Ihr Angebot betroffen ist, sollten Sie im Zweifel rechtlich prüfen lassen.

Reicht ein Overlay-Plugin für Barrierefreiheit aus?

In der Regel nicht. Werkzeuge, die nachträglich eine Leiste über die Website legen, beheben die Ursachen im Quelltext meist nicht. Barrierefreiheit entsteht durch saubere Struktur, Gestaltung und Inhalte.

Kann eine bestehende Website barrierefrei gemacht werden?

Oft ja. Nach einer Prüfung lassen sich viele Barrieren gezielt beheben. Ist die technische Basis stark veraltet, kann ein Relaunch der wirtschaftlichere Weg sein.

Bringen Sie Ihr Unternehmen mit klografx voran

Sprechen Sie mit uns und erfahren Sie, was wir für Sie tun können.