Zum Inhalt springen
Ratgeber

Barrierefreie Website

Was das BFSG für deinen Online-Auftritt bedeutet

Thema
Webdesign
Lesezeit
4 Minuten
Kapitel
7
Scrollen ↓

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Es betrifft auch kleine und mittlere Firmen, sobald Verbraucher über deren Website oder App einen Vertrag abschließen, etwa in einem Online-Shop. Wer die Anforderungen ignoriert, riskiert Bußgelder bis 100.000 Euro.

Barrierefreiheit lohnt sich aber auch ohne Gesetz: Deine Website wird für mehr Menschen nutzbar, und manches davon hilft nebenbei bei Google. Hier liest du, was eine barrierefreie Website konkret braucht und wie du vorgehst.

01 · Was ist das BFSG?

Was ist das BFSG?

Das BFSG setzt die EU-Richtlinie 2019/882 (European Accessibility Act) in deutsches Recht um. Mehr zum Gesetz selbst steht in unserem Eintrag über das BFSG im Lexikon. Für deine Website zählt vor allem das hier.

Wen betrifft es?

  • Online-Shops und E-Commerce: Websites und Apps, über die Verbraucher kaufen oder buchen.
  • Bankdienstleistungen: Online-Banking, Geldautomaten, Zahlungsterminals.
  • Telekommunikation: Websites und Apps von Telefon- und Internetanbietern.
  • Personenverkehr: Buchungsseiten und Apps für Flug, Bahn, Bus.

Wer ist ausgenommen?

Kleinstunternehmen, die Dienstleistungen anbieten: weniger als 10 Beschäftigte und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Ein Online-Shop zählt als Dienstleistung. Für Produkte wie Zahlungsterminals oder E-Book-Reader gilt die Ausnahme nicht, dort zählt die Firmengröße nicht.

02 · Was bedeutet barrierefreie Website konkret?

Was bedeutet barrierefreie Website konkret?

Maßstab ist in der Praxis die europäische Norm EN 301 549. Für Websites übernimmt sie die Web Content Accessibility Guidelines (WCAG) 2.1 auf Stufe AA. Das klingt technisch, lässt sich aber auf vier Grundsätze herunterbrechen:

Wahrnehmbarkeit

  • Textalternativen für Bilder: Jedes Bild mit Inhalt braucht einen aussagekräftigen Alt-Text, reine Deko bekommt ein leeres Alt-Attribut.
  • Kontraste: Mindestens 4,5:1 für normalen Text, 3:1 für großen Text.
  • Zoom: Inhalte lassen sich auf 200 % vergrößern, ohne dass etwas verloren geht.
  • Untertitel für Videos: Videos mit Ton brauchen Untertitel, reine Audiodateien ein Transkript.

Bedienbarkeit

  • Tastaturnavigation: Buttons, Links und Formulare funktionieren auch ohne Maus.
  • Fokus-Indikator: Man sieht immer, wo der Tastaturfokus steht (kein outline: none).
  • Zeitlimits: Wo es ein Zeitlimit gibt, lässt es sich abschalten oder verlängern.
  • Skip-Links: Ein Link am Seitenanfang springt direkt zum Hauptinhalt.

Verständlichkeit

  • Klare Sprache: Formulare haben verständliche Labels und Fehlermeldungen, die weiterhelfen.
  • Konsistente Navigation: Menü und Aufbau sehen auf jeder Seite gleich aus.
  • Vorhersagbarkeit: Nichts öffnet oder ändert sich, ohne dass der Nutzer es ausgelöst hat.

Robustheit

  • Valides HTML: Sauberer, semantischer Code mit korrekter Überschriften-Hierarchie und ARIA-Labels, wo nötig.
  • Screenreader-Kompatibilität: Screenreader und andere Hilfsmittel geben die Inhalte korrekt wieder.
03 · Barrierefreiheit und SEO: zwei Fliegen mit einer Klappe

Barrierefreiheit und SEO: zwei Fliegen mit einer Klappe

Einiges davon hilft auch bei Google. Eine Ranking-Garantie ist das nicht, die Richtung stimmt aber:

Alt-Texte

Google versteht besser, was auf deinen Bildern ist.

Semantisches HTML

Eine klare Struktur hilft Suchmaschinen beim Einordnen.

Mobile Bedienbarkeit

Große Klickflächen und lesbare Schrift helfen auf dem Handy, und Google bewertet vor allem die mobile Ansicht.

Schnelle Ladezeiten

Barrierefreie Seiten haben oft weniger Ballast und laden schneller.

Nutzerverhalten

Wer sich gut zurechtfindet, bleibt länger und fragt eher an.

04 · Checkliste: Barrierefreie Website in 10 Schritten

Checkliste: Barrierefreie Website in 10 Schritten

  • Alt-Texte für alle Bilder mit Inhalt vorhanden
  • Farbkontraste prüfen (zum Beispiel mit WAVE oder axe DevTools)
  • Tastaturnavigation testen: einmal mit Tab durch die ganze Seite
  • Fokus-Indikatoren sichtbar und nicht per CSS entfernt
  • Überschriften sauber verschachtelt (H1 > H2 > H3, keine Ebene übersprungen)
  • Formulare mit Labels und verständlichen Fehlermeldungen
  • Zoom auf 200 % ohne Layout-Bruch
  • Videos mit Untertiteln, Audiodateien mit Transkript
  • Sprache im HTML-Tag gesetzt (lang="de")
  • Mit einem Screenreader testen (NVDA oder VoiceOver)
05 · Was passiert, wenn ich nichts tue?

Was passiert, wenn ich nichts tue?

Bußgelder

Bis 100.000 Euro für Verstöße gegen das BFSG.

Abmahnungen

Abmahnungen durch Wettbewerber sind rechtlich umstritten, aber nicht ausgeschlossen.

Reputationsschaden

Wer an deiner Bestellung scheitert, schreibt das gern in eine Bewertung.

Verlorene Kunden

Fast jeder zehnte Mensch in Deutschland ist schwerbehindert. Dazu kommen viele Ältere.

06 · FAQ: Häufige Fragen zur barrierefreien Website

FAQ: Häufige Fragen zur barrierefreien Website

Muss jede Website barrierefrei sein?

Nein. Eine reine Info-Website fällt in der Regel nicht unter das BFSG. Kritisch wird es, sobald Verbraucher online bestellen, buchen oder ein Abo abschließen können. Im Zweifel lass es rechtlich prüfen.

Was kostet es, eine bestehende Website barrierefrei zu machen?

Das hängt von Größe und Zustand der Seite ab. Nach einem Audit lässt sich die Nachbesserung sauber kalkulieren. Bei einem Relaunch ist Barrierefreiheit von Anfang an eingebaut günstiger als nachgerüstet.

Gibt es ein Barrierefreiheits-Siegel oder -Zertifikat?

Ein offizielles staatliches Siegel gibt es nicht. Prüfverfahren wie der BITV-Test oder eine Zertifizierung durch Dritte sind freiwillig. Pflicht ist dagegen eine Erklärung, wie deine Dienstleistung die Anforderungen erfüllt, etwa in deinen AGB.

Reicht ein Accessibility-Plugin für WordPress?

Plugins wie WP Accessibility oder One Click Accessibility helfen bei einzelnen Punkten wie einem Skip-Link. Fehlende Alt-Texte oder ein Menü, das nur mit der Maus aufgeht, reparieren sie nicht. Das löst man im Code und im Design.

Gilt das BFSG auch für Apps?

Ja, wenn sie zu einer betroffenen Dienstleistung gehört, etwa als Shop- oder Banking-App. Dazu kommen Produkte wie Selbstbedienungsterminals.

07 · Barrierefreie Website mit AK86

Barrierefreie Website mit AK86

Für uns gehört Barrierefreiheit zu gutem Webdesign. Wir bauen Websites, die mit Tastatur und Screenreader funktionieren und gut lesbar sind, und planen das von Anfang an mit.

Du hast schon eine Website? Dann prüfen wir sie und beheben die Barrieren nach WCAG 2.1 AA, dem Maßstab für das BFSG.

Dieser Ratgeber gibt einen Überblick und ersetzt keine Rechtsberatung.

Lass uns deine Website testen.

Bevor es jemand anderes tut.

Meld dich bei mir
Alex, Gründer, Geschäftsführer von AK86
Also, wann höre ich von dir?
Alex Gründer, Geschäftsführer

    Oder schreib mir
    Hey, ich habe euren Ratgeber gesehen und mich dazu entschlossen, mich bei euch zu melden. Ich heiße von . Ich brauche . Am besten erreicht ihr mich unter .

    Wir melden uns innerhalb eines Werktags.