Barrierefreies Webdesign: Was das BFSG jetzt verlangt

Was bedeutet barrierefreies Webdesign?

Barrierefreies Webdesign heißt: Eine Website ist für alle Menschen nutzbar — auch mit Sehbehinderung, motorischen Einschränkungen, Farbenblindheit oder schlicht mit zittriger Hand auf dem Smartphone in der Sonne. Die internationale Richtlinie dafür sind die Web Content Accessibility Guidelines (WCAG) mit vier Prinzipien: Inhalte müssen wahrnehmbar (ausreichender Kontrast, Alternativtexte), bedienbar (Tastatur statt nur Maus, sichtbarer Fokus), verständlich (klare Sprache, beschriftete Formulare) und robust (sauberer, semantischer Code für Screenreader) sein.

Das ist keine Nische: In Deutschland leben rund 7,9 Millionen Menschen mit anerkannter Schwerbehinderung, dazu kommt eine alternde Gesellschaft. Jede Barriere auf einer Website schließt zahlende Kunden aus.

BFSG: Wer ist verpflichtet — und wer nicht?

Das Barrierefreiheitsstärkungsgesetz setzt den European Accessibility Act um und gilt seit dem 28. Juni 2025. Es verpflichtet Unternehmen, die Produkte und Dienstleistungen für Verbraucher digital anbieten — der häufigste Fall ist der „elektronische Geschäftsverkehr", also alles, worüber online ein Vertrag zustande kommt.

Verpflichtete Anbieter müssen zusätzlich eine Erklärung zur Barrierefreiheit veröffentlichen. Überwacht wird das Ganze von den Marktüberwachungsbehörden der Länder; Bußgelder können bis 100.000 Euro erreichen. Hinweis: Dieser Artikel ist keine Rechtsberatung — ob Ihr konkretes Angebot unter das BFSG fällt, klärt im Zweifel eine juristische Prüfung.

Was konkret gefordert ist: die WCAG-Checkliste

• Kontrast: Text braucht mindestens 4,5:1 Kontrast zum Hintergrund (großer Text 3:1) — hellgrauer Text auf Weiß fällt durch
• Tastaturbedienung: Jede Funktion muss ohne Maus erreichbar sein, mit sichtbarem Fokus-Rahmen
• Alternativtexte: Jedes inhaltstragende Bild bekommt eine Beschreibung, dekorative Bilder werden als solche markiert
• Formulare: Jedes Feld hat ein Label, Fehlermeldungen sagen konkret, was zu korrigieren ist
• Zoom & Responsive: Bei 200 % Browserzoom bleibt alles lesbar und bedienbar, nichts wird abgeschnitten
• Struktur: Überschriften-Hierarchie, Landmarken und semantisches HTML, damit Screenreader navigieren können
• Keine reine Farbcodierung: Informationen dürfen nicht nur über Farbe transportiert werden (z. B. „rote Felder sind Pflicht")
• Bewegtbild: Videos brauchen Untertitel, Animationen eine Pausier-Möglichkeit

Der angenehme Nebeneffekt: bessere Rankings, mehr Kunden

Fast alles, was Barrierefreiheit verlangt, hilft auch der Suchmaschine: Alt-Texte, saubere Überschriftenstruktur, semantisches HTML und schnelle, mobil bedienbare Seiten sind klassische SEO-Grundlagen. Dazu kommt der praktische Effekt — eine Website, die mit Tastatur, Screenreader und bei 200 % Zoom funktioniert, ist für alle Besucher leichter bedienbar. Barrierefreiheit ist deshalb kein Compliance-Kostenblock, sondern eine Qualitätsstufe, von der jede Zielgruppe profitiert.

Was kostet barrierefreies Webdesign?

Die ehrliche Antwort: Es kommt darauf an, wann man anfängt. Wird Barrierefreiheit von Anfang an mitgeplant, kostet sie kaum Aufpreis — sauberes HTML, ausreichende Kontraste und beschriftete Formulare sind bei professioneller Umsetzung ohnehin Standard. Eine Nachrüstung beginnt dagegen mit einem Audit und kostet je nach Zustand der Website von wenigen hundert Euro (einzelne Kontrast- und Label-Fixes) bis in den vierstelligen Bereich (Umbau von Navigation, Formularen und Templates). Bei stark veralteten Seiten ist der Relaunch oft wirtschaftlicher als das Flicken — die Gesamtkosten dafür stehen im Artikel Was kostet eine Website?

Wovon wir abraten: Overlay-Widgets, die per Skript ein Barrierefreiheits-Menü über die Seite legen. Sie beheben die Mängel im Code nicht und gelten bei Behörden und Fachverbänden nicht als Nachweis.

Fazit

Wer online verkauft oder buchbar ist, braucht seit Juni 2025 eine barrierefreie Website — alle anderen profitieren freiwillig von besserer Bedienbarkeit und Sichtbarkeit. Der pragmatische Einstieg: ein Audit, das die Mängel priorisiert, dann die kritischen Punkte zuerst. Und beim nächsten Relaunch wird Barrierefreiheit von Anfang an mitgebaut statt nachgerüstet — wie wir das umsetzen, zeigt unsere Seite Webdesign in Hoyerswerda.

Häufige Fragen zu barrierefreiem Webdesign

Gilt das BFSG auch für meine normale Firmen-Website?

Nur, wenn darüber Verträge mit Verbrauchern zustande kommen — etwa ein Shop, eine Online-Terminbuchung mit Verbindlichkeit oder ein Buchungsformular. Eine reine Visitenkarten-Website mit Kontaktformular fällt nicht direkt unter das BFSG. Empfehlenswert ist Barrierefreiheit trotzdem: Sie verbessert Bedienbarkeit und Auffindbarkeit für alle Besucher.

Was bedeutet WCAG 2.1 AA konkret?

Die Web Content Accessibility Guidelines definieren drei Stufen (A, AA, AAA). Stufe AA ist der in der EU übliche Maßstab und umfasst unter anderem: Textkontrast von mindestens 4,5:1, vollständige Bedienbarkeit per Tastatur, sichtbare Fokus-Zustände, Alternativtexte für Bilder, beschriftete Formularfelder mit verständlichen Fehlermeldungen und Inhalte, die bei 200 % Zoom nutzbar bleiben.

Reicht ein Barrierefreiheits-Overlay oder -Widget?

Nein. Overlay-Tools legen nachträglich ein Menü über die Seite, beheben aber die eigentlichen Mängel im Code nicht — Screenreader-Nutzer stolpern weiter über fehlende Struktur und unbeschriftete Elemente. Aufsichtsbehörden und Fachverbände bewerten Overlays nicht als Nachweis der Barrierefreiheit. Der zuverlässige Weg führt über sauberes, semantisches HTML.

Welche Konsequenzen drohen bei Verstößen gegen das BFSG?

Die Marktüberwachungsbehörden der Länder können Nachbesserung verlangen, Dienstleistungen untersagen und Bußgelder bis 100.000 Euro verhängen. Daneben besteht ein Abmahnrisiko durch Verbände und Mitbewerber. In der Praxis beginnt es meist mit einer Aufforderung zur Nachbesserung — wer dann einen Plan vorweisen kann, ist klar im Vorteil.

Wie finde ich heraus, wo meine Website steht?

Mit einem Barrierefreiheits-Audit: Automatische Prüfwerkzeuge finden etwa ein Drittel der Probleme (Kontraste, fehlende Alt-Texte, Strukturfehler), der Rest braucht manuelle Prüfung — Tastaturbedienung, Screenreader, Formulare. Für eine typische Firmen-Website ist ein solcher Check in wenigen Stunden gemacht und liefert eine priorisierte Mängelliste.