Das Barrierefreiheitsstärkungsgesetz

Das Barrierefreiheitsstärkungsgesetz setzt die europäische Richtlinie (EU) 2019/882, den sogenannten European Accessibility Act, in nationales Recht um. Es soll Barrieren abbauen und sicherstellen, dass digitale Produkte und Dienstleistungen für alle Menschen – unabhängig von Einschränkungen – zugänglich sind. Das Gesetz tritt am 28. Juni 2025 in Kraft und richtet sich vor allem an Anbieter von Dienstleistungen und Produkte, die für Verbraucher von besonderer Bedeutung sind, darunter Online-Shops, Apps und Webseiten.

Welche Unternehmen sind ausgenommen?

Kleine Unternehmen

Unternehmen mit weniger als 10 Mitarbeitenden und einem Jahresumsatz unter 2 Millionen Euro sind von den Barrierefreiheitsanforderungen ausgenommen. Für diese Betriebe würde die Umsetzung der gesetzlichen Vorgaben einen unverhältnismäßig hohen finanziellen und organisatorischen Aufwand bedeuten.

Mittlere Unternehmen

Betriebe mit weniger als 50 Mitarbeitenden und einem Jahresumsatz unter 10 Millionen Euro können in bestimmten Fällen von einzelnen Anforderungen befreit werden. Voraussetzung dafür ist, dass sie nachweisen können, dass die Umsetzung der Barrierefreiheitsanforderungen für sie eine unverhältnismäßige Belastung darstellt. Eine begründete Erklärung muss hierfür vorgelegt werden.

Ein Beispiel:

Ein kleines Café nutzt eine Webseite, um seine Speisekarte und Öffnungszeiten zu präsentieren. Da es nur drei Mitarbeitende beschäftigt, muss es die Barrierefreiheitsanforderungen nicht zwingend umsetzen. Hat das Café jedoch 15 Mitarbeitende und bietet zusätzlich einen Online-Bestellservice an, muss die Webseite barrierefrei gestaltet sein, damit alle Kundinnen und Kunden gleichermaßen Zugang zu den angebotenen Dienstleistungen haben.

Die Anforderungen des BFSG orientieren sich an den vier zentralen Prinzipien der Barrierefreiheit: Wahrnehmbarkeit, Verständlichkeit, Bedienbarkeit und Robustheit. Diese Kernpunkte müssen von Unternehmen umgesetzt werden, um sicherzustellen, dass ihre digitalen Angebote allen Nutzern zugänglich sind. Im Folgenden stellen wir diese Prinzipien vor.

Die Lesbarkeit von Texte

Skalierbarkeit von Texten

• Texte sollten ohne zusätzliche Hilfsmittel um bis zu 200 % vergrößert werden können, ohne dass Inhalte oder Funktionen beeinträchtigt werden.

• Untertitel sowie Bilder mit eingebettetem Text sind von dieser Regel ausgenommen.

• Zur Anpassung der Schriftgröße können folgende Tastenkombinationen genutzt werden: STRG +/- (Windows) bzw. CMD +/- (Mac).

Verzicht auf textbasierte Bilder

• Statt Bildern mit eingebettetem Text sollte stets echter, formatierbarer Text verwendet werden. Besonders bei Zitaten oder markanten Überschriften wird oft auf Bilder zurückgegriffen – hier sollte eine Ausnahme nur erfolgen, wenn das Bild unverzichtbar ist oder visuell angepasst werden kann.

• Zudem verbessert dies die Suchmaschinenoptimierung (SEO), weshalb die Maßnahme unabhängig von der Barrierefreiheit vorteilhaft ist.

Bereitstellung von Alternativtexten für Nicht-Text-Inhalte

• Für nicht-textbasierte Inhalte, wie Bilder, müssen Alternativtexte vorhanden sein. Sollte ein Bild Text enthalten, muss der Alternativtext exakt mit diesem übereinstimmen.

Optimale Kontraste in der Darstellung nutzen

Kontraste bei grafischen Elementen

• Grafische Inhalte, die zur Navigation oder zum besseren Verständnis der Webseite beitragen, benötigen ein Kontrastverhältnis von mindestens 3:1.

• Dazu zählen beispielsweise Navigationssymbole, Checkbox-Haken, Icons oder Linien in Diagrammen.

Farbverläufe und deren Kontraste

• Bei der Verwendung von Farbverläufen muss das zentrale Element deutlich vom Hintergrund abgesetzt sein. Sollte der Kontrast an bestimmten Stellen nicht ausreichen, ist es notwendig, den Farbverlauf an diesen Stellen zu reduzieren. Bleibt der Inhalt danach noch verständlich, ist der Kontrast ausreichend.

Kontraste für Texte

• Der allgemeine Mindestkontrast für Texte beträgt 4,5:1. Bei größeren Schriften genügt ein Kontrastverhältnis von 3:1, da sie von Natur aus leichter lesbar sind.

• Rundungsfehler sind nicht erlaubt – ein Kontrast von 2,999:1 ist also nicht ausreichend.

• Wer ein höheres Maß an Barrierefreiheit anstrebt, sollte einen Kontrast von 7:1 für normale Texte und 4,5:1 für große Schrift verwenden.

Bilder und ihre Barrierefreiheit

Um Bilder für Screenreader zugänglich zu machen, sollten folgende Maßnahmen beachtet werden:

• Alt-Texte: Jedes Bild muss eine prägnante, aussagekräftige Beschreibung enthalten, die den Inhalt zusammenfasst.

• Erklärung von Infografiken: Komplexe grafische Darstellungen sollten durch eine ausführliche Textalternative ergänzt werden.

• Verzicht auf textbasierte Bilder: Da Screenreader eingebetteten Text nicht erkennen, ist die Nutzung von HTML-Text zu bevorzugen.

• Dekorative Bilder: Falls Bilder keinen inhaltlichen Mehrwert bieten, sollten sie mit einem leeren Alt-Text (alt="") versehen werden, sodass Screenreader sie ignorieren.

Tipp: Der Alternativtext sollte die Funktion und Bedeutung des Bildes wiedergeben und nicht länger als zwei Sätze sein.

Audio, Video und Animationen

Alternative Darstellungen bereitstellen

• Für rein audiovisuelle Inhalte sollte eine alternative Darstellungsform mit denselben Informationen existieren, etwa in Textform.

Untertitel für Audioinhalte

• Für vorab aufgezeichnete Inhalte mit Ton (z. B. Videos) müssen Untertitel verfügbar sein. Eine Ausnahme besteht, wenn der Audiobeitrag eine Alternative zu einem bereits vorhandenen Text darstellt.

Pausieren und Stoppen ermöglichen

• Nutzer müssen in der Lage sein, Videos, Audios oder Animationen zu pausieren oder zu stoppen. Ebenso sollte eine Lautstärkeregelung integriert sein.

• Dazu zählen z. B. automatisch startende Diashows oder Videos. Ein barrierefreier Medienplayer sollte sowohl die Bedienung ohne Maus als auch die Unterstützung von Screenreadern gewährleisten.

Blinkeffekte begrenzen

• Kein Element auf der Webseite darf mehr als dreimal pro Sekunde blinken, da dies gesundheitliche Risiken für Nutzer mit sensibler Wahrnehmung darstellen kann.

Formulare und interaktive Elemente

Interaktive Inhalte können große Barrieren darstellen, lassen sich aber mit einfachen Anpassungen verbessern:

• Eindeutige Bezeichnungen: Jedes Formularfeld muss klar beschriftet sein, z. B. "Vorname".

• Hilfreiche Fehlermeldungen: Fehlerhinweise sollten verständlich formuliert und mit konkreten Lösungsvorschlägen versehen sein.

• Intuitive Tab-Reihenfolge: Die Navigation durch Formulare muss logisch aufgebaut sein.

• ARIA-Labels für zusätzliche Informationen: Erweiterte HTML-Attribute (ARIA-Labels) helfen Screenreadern, Felder oder Buttons besser zu erfassen.

Tipp: Testen Sie Ihre Formulare mit Screenreadern wie NVDA (Windows) oder VoiceOver (macOS & iOS), um sicherzustellen, dass sie barrierefrei sind.

Sprachliche Anpassungen

Seiten- und Abschnittssprache korrekt setzen

• Damit Screenreader die Inhalte korrekt interpretieren, muss die Sprache der Seite sowie einzelner Abschnitte eindeutig deklariert sein. Dies geschieht mit dem lang-Attribut im HTML-Element.

• Namen, technische Begriffe oder Umgangssprache sind hiervon ausgenommen.

Barrierefreie Navigation & Technik

Struktur für eine sinnvolle Lesefolge

• Eine klare Struktur ist essenziell, damit Vorlese-Programme die Inhalte in der korrekten Reihenfolge wiedergeben können. Optisch ansprechend angeordnete Inhalte sind nicht automatisch barrierefrei umgesetzt.

• Dazu zählt unter anderem die richtige Hierarchie von Überschriften (H1, H2, H3 usw.) sowie die logische Reihenfolge von UI-Komponenten.

Wiederkehrende Inhalte überspringen

• Wiederholende Elemente wie Navigationslinks oder Werbeanzeigen können für Screenreader-Nutzer hinderlich sein. Ein "Springe zum Hauptinhalt"-Link vor der Navigation kann Abhilfe schaffen.

Metadaten nutzen

• Jede Webseite sollte Metadaten enthalten, die eine schnelle Orientierung ermöglichen.

• Der title-Tag im HTML-Code erleichtert Nutzern mit Gedächtnisproblemen die Wiedererkennung einer Seite, da der Titel im Browser-Tab erscheint.

• Der Seitentitel und die Meta-Beschreibung sollten den Inhalt sinnvoll zusammenfassen.

Wichtige technische Maßnahmen

• WAI-ARIA-Rollen: Spezielle HTML-Attribute wie „navigation“ oder „main“ helfen assistiven Technologien, den Aufbau der Seite besser zu verstehen.

• Semantische HTML-Elemente: Tags wie und verbessern die Orientierung und Struktur.

• Responsives Design: Die Inhalte müssen auf allen Endgeräten optimal nutzbar sein – vom Smartphone bis zum Desktop-PC.

Was bedeutet das Barrierefreiheitsgesetz konkret für den E-Commerce?

Onlineshops stehen vor besonderen Herausforderungen, da sie interaktive Funktionen wie Produktsuchen, Bestellprozesse und verschiedene Zahlungsmethoden umfassen. Die folgenden Maßnahmen sind daher essenziell, um Barrierefreiheit sicherzustellen.

Barrierefreie Bestellformulare und Checkout-Prozesse

Formulare zählen zu den größten Herausforderungen für Nutzer mit Einschränkungen. Um den Bestellvorgang barrierefrei zu gestalten, sind folgende Maßnahmen erforderlich:

• Eindeutige Beschriftungen: Alle Eingabefelder benötigen klare Bezeichnungen (z. B. „Vorname“, „Nachname“, „Straße“).

• Fehlermeldungen und Hilfetexte: Falsche Eingaben müssen durch verständliche Hinweise korrigiert werden können, z. B. „Bitte geben Sie eine gültige Postleitzahl ein.“

• Logische Reihenfolge: Die Tabulator-Navigation durch das Formular muss intuitiv sein.

• Visuelle Unterstützung: Aktive Felder sollten durch Farbhervorhebungen oder Umrandungen deutlich sichtbar sein.

Zugängliche Such- und Filterfunktionen

Die Navigation durch Such- und Filterfunktionen sollte für alle Nutzergruppen möglich sein:

• Tastatursteuerung: Nutzer müssen in der Lage sein, durch Filter und Suchergebnisse ohne Maus zu navigieren.

• Screenreader-Kompatibilität: Suchergebnisse und Filter müssen korrekt ausgegeben werden, z. B. „5 von 20 Ergebnissen angezeigt“.

• Einfache Auswahl: Filter müssen verständlich benannt sein (z. B. „Preis aufsteigend“) und durch ARIA-Labels unterstützt werden.

Zugänglichkeit bei Zahlungsprozessen

Ein barrierefreier Zahlungsprozess verhindert Kaufabbrüche und verbessert die Nutzererfahrung:

• Kompatibilität mit Screenreadern: Alle Zahlungsoptionen (z. B. Kreditkarte, PayPal) müssen für Screenreader klar lesbar und auswählbar sein.

• Tastaturbedienung: Der gesamte Bezahlprozess muss ohne Maus abgeschlossen werden können.

• Barrierefreie Captchas: Vermeidung visueller Captchas – stattdessen sollten barrierefreie Alternativen wie Text-Captchas oder „Ich bin kein Roboter“-Checkboxen genutzt werden.

Barrierefreie Produktdarstellung

Damit Produkte für alle Nutzergruppen verständlich präsentiert werden, sind folgende Maßnahmen notwendig:

• Alt-Texte für Produktbilder: Jedes Bild muss einen aussagekräftigen Alternativtext enthalten, z. B. statt „Produktbild 1“: „Schwarzer Lederrucksack mit verstellbaren Trägern“.

• Texte für Grafiken: Infografiken und visuelle Inhalte müssen als Textalternative verfügbar sein, damit Screenreader sie vorlesen können.

• Klare Produktbeschreibungen: Alle Beschreibungen sollten einfach formuliert, gut strukturiert und leicht verständlich sein.

Kundenservice für barrierefreie Unterstützung

Ein barrierefreier Onlineshop sollte einen inklusiven Kundenservice bieten:

• Erreichbarkeit: Der Kundenservice muss leicht zugänglich sein, z. B. per Chat, E-Mail oder barrierefreiem Kontaktformular.

• Hilfestellungen: Unterstützende Informationen zur Nutzung des Shops sollten in klarer Sprache formuliert und gut sichtbar platziert sein.

Ein barrierefreier Onlineshop sorgt dafür, dass alle potenziellen Kunden – unabhängig von Einschränkungen – einkaufen können. Dies wird ab 2025 gesetzlich vorgeschrieben, bringt aber auch deutliche Vorteile: mehr Nutzer, weniger Kaufabbrüche und eine verbesserte Nutzererfahrung.

Erweiterte Pflichten für Online-Händler im Rahmen des BFSG

E-Commerce-Händler stehen vor der Aufgabe, nicht nur ihre Webseiten barrierefrei zu gestalten, sondern auch weitere gesetzliche Vorgaben zu erfüllen. Dazu gehören:

1. Hinweis auf Barrierefreiheitsanforderungen

Auf der Webseite, beispielsweise in den Allgemeinen Geschäftsbedingungen (AGB), muss ein Hinweis auf die Barrierefreiheitsanforderungen gegeben werden.

2. Sicherstellung der Barrierefreiheit von Produkten

Produkte, die unter die Regelungen des § 1 Abs. 2 BFSG fallen, dürfen nur dann auf den Markt gebracht werden, wenn folgende Voraussetzungen erfüllt sind:

• Das Produkt trägt die CE-Kennzeichnung.
• Eine leicht verständliche Gebrauchsanleitung und Sicherheitsinformationen in deutscher Sprache liegen bei.
• Der Hersteller hat seine Kennzeichnungspflichten erfüllt.
• Pflichtangaben zum Einführer sind am Produkt angebracht.

3. Verantwortung bei Elektronikprodukten

Händler, die elektronische Geräte verkaufen, müssen sicherstellen, dass die Hersteller und Importeure die oben genannten Vorgaben erfüllen, bevor sie die Produkte anbieten. Eine Prüfung der Konformität ist hier besonders wichtig.

4. Maßnahmen bei Non-Konformität

Falls ein Produkt nicht den gesetzlichen Vorgaben entspricht, müssen Händler:

• Den Verkauf des Produkts sofort einstellen,
• Den Hersteller oder Einführer unverzüglich informieren und
• Die Marktüberwachungsbehörden umgehend in Kenntnis setzen.

Durch die Einhaltung dieser Pflichten stellen Händler sicher, dass sie sowohl den gesetzlichen Anforderungen gerecht werden als auch die Barrierefreiheit für ihre Kunden gewährleisten.

Konsequenzen bei Nicht-Einhaltung

Verstöße gegen die Vorschriften des BFSG können erhebliche finanzielle und rechtliche Folgen nach sich ziehen. Verbraucher, die von einer fehlenden Barrierefreiheit betroffen sind, können Verstöße bei der Marktüberwachungsbehörde der Bundesländer anzeigen. Auch nach dem Behindertengleichstellungsgesetz anerkannte Verbände und Einrichtungen haben das Recht, Verstöße eigenständig geltend zu machen.

Zusätzlich können Mitbewerber Verstöße wettbewerbsrechtlich abmahnen, was Unterlassungs- und Schadensersatzforderungen nach sich ziehen kann.

Erfüllt ein Unternehmen die Anforderungen der Barrierefreiheit nicht, kann die Marktüberwachungsbehörde Maßnahmen wie den Rückruf oder die Einstellung des betroffenen Produkts bzw. der Dienstleistung anordnen. Zudem drohen Bußgelder von bis zu 100.000 Euro.

Die Umsetzung des Barrierefreiheitsstärkungsgesetzes mag für Unternehmen zunächst mit Aufwand verbunden sein, bietet jedoch langfristige Vorteile. Barrierefreie Webseiten und Apps verbessern nicht nur die Zugänglichkeit für Menschen mit Behinderungen, sondern steigern auch die Nutzerfreundlichkeit und Kundenzufriedenheit insgesamt. Unternehmen, die sich frühzeitig mit den Anforderungen auseinandersetzen, sichern sich Wettbewerbsvorteile und stärken ihre soziale Verantwortung.

Nutzen Sie die verbleibende Zeit bis 2025, um Ihr digitales Angebot fit für die Zukunft zu machen!