Barrierefreier Chatbot: Was das BFSG verlangt

Seit Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG), die Umsetzung des European Accessibility Act. Wer einen Onlineshop für Verbraucher betreibt und dort einen Chatbot einbindet, fragt sich schnell: Muss auch das Chat-Fenster barrierefrei sein? Dieser Artikel klärt, wer unter das BFSG fällt, warum ein Chatbot auf einer erfassten Website dazugehört und woran du einen barrierefreien Chatbot erkennst.

Keine Rechtsberatung. Wir erklären die Rechtslage allgemein, so wie wir sie verstehen (Stand: November 2026). Ob dein Unternehmen betroffen ist, klärst du im Zweifel mit einer Anwältin oder einem Anwalt.

Wen das BFSG trifft

Das BFSG gilt für bestimmte Produkte und Dienstleistungen für Verbraucher, die nach dem 28. Juni 2025 erbracht werden (§ 1 BFSG). Für Websites ist vor allem eine Gruppe wichtig: Dienstleistungen im elektronischen Geschäftsverkehr. Gemeint sind nach § 2 Nr. 26 Dienste, die über eine Website oder App im Hinblick auf den Abschluss eines Verbrauchervertrags erbracht werden. Kurz gesagt: Onlineshops und ähnliche Angebote, bei denen Verbraucher etwas buchen oder kaufen.

Nicht erfasst sind nach Lesart der Bundesfachstelle Barrierefreiheit:

• Reine B2B-Angebote. Wer nur an Unternehmen verkauft, „sollte“ laut Bundesfachstelle nicht vom BFSG betroffen sein.
• Reine Info-Websites ohne Vertragsanbahnung, etwa eine Unternehmensseite, auf der man nichts bestellen kann. Das ist die Lesart der Bundesfachstelle, gerichtlich geklärt ist es nicht.

Dazu kommt eine Ausnahme für Kleinstunternehmen, die nur für Dienstleistungen gilt (§ 3 Abs. 3). Kleinstunternehmen ist nach § 2 Nr. 17, wer weniger als zehn Personen beschäftigt und entweder höchstens 2 Millionen Euro Jahresumsatz oder höchstens 2 Millionen Euro Jahresbilanzsumme hat. Beide Bedingungen müssen zusammenkommen. Ein Beispiel: Ein Shop mit acht Leuten und 3 Millionen Euro Umsatz kann trotzdem unter die Ausnahme fallen, wenn die Bilanzsumme unter 2 Millionen bleibt. Ein Shop mit zwölf Leuten fällt nicht darunter, egal wie klein der Umsatz ist.

Für bestehende Verträge gibt es nach § 38 eine Übergangsregel bis längstens 27. Juni 2030. Für neue Shops und neue Kunden gibt es keine Übergangsfrist.

Warum der Chatbot dazugehört

Eine offizielle Aussage speziell zu Chatbots haben wir nicht gefunden. Die FAQ der Bundesfachstelle legen aber nahe, dass die gesamte Website die Anforderungen erfüllen muss, nicht nur der Bestellprozess. Nach dieser verbreiteten Lesart gehört ein Chat-Widget auf einem erfassten Shop mit dazu. Das ist auch logisch: Wenn ein Besucher im Chat nach Lieferzeiten oder Rückgabe fragt, ist das Teil des Weges zum Kauf.

Als technischer Maßstab gilt die Norm EN 301 549, die in der aktuell zitierten Fassung im Wesentlichen WCAG 2.1 auf Stufe AA entspricht. Eine neuere Fassung auf Basis von WCAG 2.2 ist laut Bundesfachstelle bereits veröffentlicht. Wer heute auf WCAG 2.2 AA achtet, ist also gut vorbereitet.

Zuständig für die Aufsicht ist die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF) in Magdeburg. Das BFSG sieht in § 37 Bußgelder bis 100.000 Euro vor, etwa wenn eine Dienstleistung nicht barrierefrei angeboten wird, für andere Verstöße bis 10.000 Euro. Abmahnungen durch Wettbewerber kommen vor. Ob das BFSG eine Marktverhaltensregel im Sinne des Wettbewerbsrechts ist, ist allerdings umstritten und gerichtlich nicht geklärt.

Checkliste: So erkennst du einen barrierefreien Chatbot

Chat-Widgets haben eigene Stolperstellen, weil sich ihr Inhalt laufend ändert. Diese Punkte kannst du an jedem Widget selbst prüfen:

1. Tastatur. Lässt sich der Chat ohne Maus öffnen, bedienen und schließen? Kommt man mit Tab zu allen Knöpfen, und schließt Esc das Fenster?
2. Fokus. Springt der Fokus beim Öffnen ins Chatfenster, bleibt er dort, solange es offen ist, und kehrt er beim Schließen zum Chat-Knopf zurück?
3. Neue Nachrichten ansagen, ohne alles zu wiederholen. Ein Screenreader sollte eine neue Antwort einmal vorlesen. Nicht Wort für Wort während sie entsteht und nicht den ganzen Verlauf bei jeder Änderung.
4. Kontrast. Text muss mindestens 4,5:1 zum Hintergrund haben. Achtung bei Markenfarben: Weiße Schrift auf hellgrünem Kopfbereich sieht schick aus und ist oft unlesbar.
5. Zoom und Umbruch. Bei 200 und 400 Prozent Vergrößerung darf nichts abgeschnitten sein und nichts seitlich scrollen.
6. Touch-Ziele. Knöpfe sollten groß genug sein, um sie mit dem Finger sicher zu treffen. WCAG 2.2 verlangt mindestens 24 × 24 Pixel, 44 × 44 sind die komfortable Größe.
7. Weniger Bewegung. Wer im Betriebssystem „Bewegung reduzieren“ eingestellt hat, sollte keine springenden oder wackelnden Animationen sehen.
8. Beschriftungen. Das Eingabefeld braucht eine Beschriftung, Icon-Knöpfe einen Namen, den der Screenreader vorliest.
9. Sprache. Das Chatfenster sollte seine Sprache angeben, damit der Screenreader richtig ausspricht.

Und ein Punkt, der aus einem anderen Gesetz kommt: Die KI-Verordnung verlangt in Art. 50 Abs. 5, dass der Hinweis „Hier antwortet eine KI“ selbst barrierefrei ist. Mehr dazu im Artikel AI Act und Chatbot: Was Art. 50 jetzt verlangt.

Was das Mignuti-Widget mitbringt

Wir haben die Punkte oben am Code unseres Widgets geprüft. Das ist eingebaut:

• Tastatur: Mit Alt+C öffnet und schließt sich der Chat, Esc schließt ihn. Die Bedienelemente sind normale Knöpfe, per Tab erreichbar.
• Fokus: Das Chatfenster ist als Dialog ausgezeichnet. Beim Öffnen springt der Fokus ins Eingabefeld, er bleibt im Fenster, solange es offen ist, und kehrt beim Schließen zum Chat-Knopf zurück.
• Ansagen: Der Gesprächsverlauf sagt Änderungen nicht selbst an, nachlesen lässt er sich jederzeit. Eine eigene, unsichtbare Ansage-Region meldet „Schreibt…“, wenn eine Antwort beginnt, und liest die fertige Antwort genau einmal vor, ohne Markdown-Sternchen. Ein Wechsel der Verbindung wird erst angesagt, wenn er wirklich passiert, nicht schon beim Öffnen.
• Kontrast bei Markenfarben: Du kannst deine Akzentfarbe frei wählen. Das Widget entscheidet dann selbst, ob Text darauf weiß oder schwarz sein muss, um mindestens 4,5:1 zu erreichen. Wird deine Akzentfarbe als Schrift- oder Linkfarbe im Chat verwendet, hellt das Widget sie bei Bedarf auf oder dunkelt sie ab, bis der Kontrast reicht. Wählst du einen hellen Hintergrund, kippt die übrige Schrift automatisch auf dunkel.
• Zoom: Auf schmalen Bildschirmen, und damit auch bei starker Vergrößerung, füllt das Chatfenster den ganzen Bildschirm, statt als kleine Box am Rand zu kleben.
• Touch-Ziele: Schließen-Knopf, Vorschlagsfragen und die wichtigsten Bedienelemente sind mindestens 44 Pixel hoch.
• Bewegung: Die Animationen des Widgets richten sich nach der Einstellung „Bewegung reduzieren“.
• Beschriftungen und Sprache: Das Eingabefeld ist beschriftet, das Chatfenster trägt die Sprache der Oberfläche. Der KI-Hinweis ist mit Fenster und Eingabefeld verknüpft, damit ihn Screenreader beim Öffnen mit vorlesen.

Unsere vollständige Erklärung zur Barrierefreiheit steht im Rechtsbereich, Informationen zum KI-Hinweis unter KI-Hinweis.

Wo es auf dich ankommt

Ein barrierefreies Widget macht noch keine barrierefreie Website. Ein paar Dinge liegen bei dir:

• Deine Seite drumherum. Der Chat ist ein Teil deiner Website. Ist der Bestellprozess nicht bedienbar, hilft das beste Widget nichts.
• Der Chat-Knopf auf deiner Seite. Wie gut der runde Chat-Knopf sich von deiner Website abhebt, hängt von deinem Seitenhintergrund ab. Den kennt das Widget nicht. Eine Akzentfarbe, die fast so aussieht wie dein Hintergrund, macht den Knopf schwer auffindbar. Prüfe das einmal mit einem Kontrast-Werkzeug.
• Deine Texte. Begrüßung, Vorschlagsfragen und die Inhalte, aus denen der Bot antwortet, kommen von dir. Klare, kurze Sätze helfen allen.
• Antworten in anderer Sprache. Das Widget gibt die Sprache der Oberfläche an. Antwortet der Bot einem Besucher auf Englisch, obwohl die Oberfläche Deutsch ist, ist diese einzelne Antwort nicht eigens als Englisch ausgezeichnet. Das ist eine Grenze, die wir kennen.
• Dein Cookie-Banner. Wenn der Chat erst nach einer Einwilligung startet, muss auch das Einwilligungs-Tool barrierefrei sein. Das liegt außerhalb unseres Widgets.

Fazit

Wenn du einen Shop für Verbraucher betreibst und kein Kleinstunternehmen bist, solltest du davon ausgehen, dass auch dein Chat-Widget barrierefrei sein muss. Die Checkliste oben hilft dir, jedes Widget in einer halben Stunde selbst zu prüfen, auch unseres. Wenn du einen Chatbot suchst, der diese Punkte schon mitbringt, kannst du Mignuti Chatbot sieben Tage kostenlos testen.