Muessen Allergen-Informationen barrierefrei sein?

Ja. Allergen-Informationen muessen fuer alle Nutzer zugaenglich sein, auch fuer Screenreader-Nutzer. Tooltip-only-Loesungen oder reine Bild-Darstellungen genuegen nicht. Am besten direkt im Text oder in einer barrierefreien Tabelle darstellen.

Branchen

BFSG für Gastronomie: Muss meine Restaurant-Webseite barrierefrei sein?

Q: Gilt das BFSG auch für kleine Restaurants ohne Online-Shop?

Sobald du digitale Dienstleistungen fuer Verbraucher anbietest (z. B. Online-Reservierung, digitale Speisekarte mit Bestellfunktion), greift das BFSG gemaess Paragraph 1. Eine rein informative Webseite ohne Transaktionsfunktion faellt nicht direkt unter das BFSG, sollte aber trotzdem WCAG-konform sein.

Q: Reicht es, wenn mein Lieferdienst-Partner (z. B. Lieferando) barrierefrei ist?

Fuer die Plattform des Partners ist dieser selbst verantwortlich. Aber deine eigene Webseite mit eigenem Bestellsystem, Speisekarte oder Reservierungsfunktion muss eigenstaendig BFSG-konform sein.

Q: Was kostet es, eine Restaurant-Webseite barrierefrei zu machen?

Fuer typische Gastro-Webseiten mit Speisekarte und Reservierung liegen die Kosten oft zwischen 500 und 3.000 Euro, je nach Umfang. Viele Massnahmen wie korrekte Labels und Kontrast-Anpassungen sind mit minimalem Aufwand umsetzbar.

Von Joshua Kantner · April 2026 · bf-check.de

Wann gilt das BFSG für Restaurants?

Das Barrierefreiheitsstärkungsgesetz (BFSG) greift gemäß §1 BFSG, sobald ein Restaurant digitale Dienstleistungen für Verbraucher anbietet. Konkret fallen darunter:

Online-Bestellsysteme (eigene Webseite als Lieferando-Alternative)
Digitale Reservierungssysteme (OpenTable, Quandoo, eigene Lösungen)
Online-Speisekarten mit Bestell- oder Warenkorbfunktion
Gutschein-Shops und Geschenkkarten-Bestellungen
Tischreservierungen über eingebettete Widgets

Eine rein informative Webseite mit Adresse und Öffnungszeiten ist weniger kritisch, sollte aber trotzdem grundlegende WCAG-Standards erfüllen – nicht zuletzt, weil Google barrierefreie Seiten im Ranking bevorzugt.

Hinweis: Dieser Artikel dient der allgemeinen Orientierung und ersetzt keine Rechtsberatung. Für verbindliche Auskünfte zur BFSG-Pflicht deines Betriebs wende dich an einen spezialisierten Anwalt.

Typische Barrierefreiheits-Probleme in der Gastronomie

Die Gastronomie-Branche hat einige branchentypische Stolperfallen, die immer wieder auftauchen: Weitere Informationen finden Sie im BFSG-Glossar.

Speisekarten als Bild-PDF: Nicht von Screenreadern lesbar, kein Text auswählbar. Verstößt gegen WCAG SC 1.1.1 (Nicht-Text-Inhalte) und SC 1.3.1 (Info und Beziehungen).
Zu kleine Schrift auf mobilen Geräten: Gerade bei Speisekarten-PDFs oft unter 12px, nicht zoombar.
Bestell-Buttons ohne ausreichenden Kontrast: Verstößt gegen WCAG SC 1.4.3 (Kontrast Minimum, Verhältnis 4,5:1).
Allergen-Informationen nur als Tooltip: Nicht tastaturzugänglich, nicht von Screenreadern erfassbar.
Fehlende Sprach-Deklaration: Bei mehrsprachigen Karten (deutsch/englisch) fehlt oft lang-Attribut für fremdsprachige Abschnitte.
Reservierungsformulare ohne Labels: Verletzt WCAG SC 1.3.1 und SC 4.1.2 (Name, Rolle, Wert).

Online-Speisekarten richtig umsetzen

Die digitale Speisekarte ist das Herzstück jeder Restaurant-Webseite. Leider sind die meisten Speisekarten als gescannte PDFs oder Bilder eingebunden – für Screenreader-Nutzer komplett unlesbar.

So machst du es richtig:

Speisekarte als HTML-Seite statt als PDF-Bild anbieten. Jedes Gericht als eigenes Element mit Beschreibung und Preis.
Verwende semantische Überschriften (<h2>, <h3>) für Kategorien wie „Vorspeisen“, „Hauptgerichte“, „Desserts“.
Wenn du ein PDF brauchst: Erstelle ein barrierefreies PDF mit Tags und Alternativtexten.
Allergen-Kennzeichnung direkt im Text, nicht als Tooltip oder Fußnote. Eine barrierefreie Tabelle mit Allergen-Matrix ist ideal.

Allergen-Informationen barrierefrei darstellen

Die Lebensmittelinformationsverordnung (LMIV) verpflichtet Gastronomen ohnehin zur Allergen-Kennzeichnung. Digital muss diese Information zusätzlich barrierefrei sein.

Vermeiden: Allergen-Icons als reine Bilder ohne Alt-Text, Tooltips die nur per Maus-Hover erscheinen, Allergen-Infos in einem separaten PDF-Download.

Besser: Allergene direkt beim jeweiligen Gericht im Fließtext nennen. Oder eine übersichtliche Allergen-Tabelle mit korrekten <th>-Headern und scope-Attributen. Screenreader können so die Zuordnung Gericht → Allergen sauber vorlesen.

⚠️

Ist deine Webseite betroffen? Kostenloser BFSG-Schnellcheck – Ergebnis in 30 Sekunden.

Jetzt prüfen →

Reservierungssysteme barrierefrei einbinden

Online-Reservierungen über Plattformen wie OpenTable, Quandoo oder TheFork werden häufig als Widget in die eigene Webseite eingebettet. Das Problem: Du bist mitverantwortlich für die Barrierefreiheit auf deiner Seite – auch bei Drittanbieter-Widgets.

Prüfe folgende Punkte:

Ist das Reservierungs-Widget komplett per Tastatur bedienbar?
Haben alle Formularfelder (Datum, Uhrzeit, Personenzahl, Name) sichtbare Labels?
Werden Fehlermeldungen klar kommuniziert und sind sie für Screenreader lesbar (z. B. via aria-live)?
Funktioniert der Datepicker ohne Maus? Viele Kalender-Widgets sind nicht tastaturzugänglich.

Tipp: Teste das Widget einmal komplett nur mit der Tastatur. Wenn du nicht ohne Maus reservieren kannst, können es deine Gäste mit Einschränkungen auch nicht. Mehr dazu in unserem Artikel über barrierefreie Buchungs- und Reservierungssysteme.

Lieferdienste und Bestell-Plattformen

Wenn du über Lieferando, Wolt oder eigene Apps bestellbar bist, liegt die Barrierefreiheits-Verantwortung bei der Plattform. Aber: Deine eigene Webseite mit eigenem Bestellsystem muss selbst BFSG-konform sein.

Besonders kritisch bei eigenen Bestell-Lösungen:

Warenkorb-Funktion muss per Tastatur bedienbar sein (WCAG SC 2.1.1)
Mengenauswahl und Extras (z. B. „ohne Zwiebeln“) brauchen korrekte Labels
Der gesamte Checkout-Prozess muss ohne Maus funktionieren
Bezahlseiten müssen Screenreader-kompatibel sein

Prüfe auch eingebettete Widgets von Drittanbietern – ein nicht-barrierefreies Bestell-Widget macht deine gesamte Seite angreifbar.

Schritt für Schritt: Restaurant-Webseite BFSG-konform machen

So gehst du systematisch vor:

Ist-Zustand prüfen: Nutze den kostenlosen BFSG-Scanner, um einen ersten Überblick über Verstöße zu bekommen.
Speisekarte umstellen: PDF-Bilder durch HTML-Speisekarte ersetzen. Allergene direkt im Text kennzeichnen.
Reservierungs-Widget prüfen: Tastatur-Test, Label-Check, Screenreader-Test.
Kontraste korrigieren: Besonders bei dunklen Restaurant-Themes fallen Buttons und Links gerne unter das 4,5:1-Minimum (WCAG SC 1.4.3).
Formulare reparieren: Jedes Eingabefeld braucht ein sichtbares <label>-Element.
Bilder mit Alt-Texten versehen: Gerichte-Fotos brauchen beschreibende Alternativtexte (WCAG SC 1.1.1).
Tastatur-Test: Gesamte Seite einmal komplett per Tab durchgehen. Jeder Button, jeder Link, jedes Formularfeld muss erreichbar sein.
Erneut scannen: Nach den Korrekturen nochmals prüfen und dokumentieren.

Quick Wins für Gastronomen

Diese Maßnahmen sind mit minimalem Aufwand umsetzbar und haben große Wirkung:

Speisekarte als HTML statt als PDF-Bild anbieten
Allergen-Informationen direkt im Text statt in Hover-Tooltips
Reservierungsformular mit korrekten <label>-Elementen versehen
Kontraste prüfen – besonders bei dunklen Restaurant-Themes
Den Bestellprozess einmal komplett nur mit der Tastatur durchgehen
Alt-Texte für alle Gerichte-Fotos hinzufügen
lang="de" im <html>-Tag setzen, bei mehrsprachigen Karten lang-Attribute für fremdsprachige Abschnitte

Häufig gestellte Fragen

Muss meine digitale Speisekarte barrierefrei sein?

Wenn sie auf deiner Webseite verfügbar ist und eine Bestellfunktion hat: Ja. Reine PDF-Speisekarten sollten als barrierefreies PDF oder besser als HTML-Seite angeboten werden.

Was ist mit QR-Code-Speisekarten?

QR-Codes selbst sind kein Problem, aber die Zielseite muss barrierefrei sein. Wenn der QR-Code auf ein Bild-PDF verweist, ist das nicht BFSG-konform.

Gilt das BFSG auch für kleine Restaurants ohne Online-Shop?

Sobald du digitale Dienstleistungen für Verbraucher anbietest (z. B. Online-Reservierung, digitale Speisekarte mit Bestellfunktion), greift das BFSG gemäß §1. Eine rein informative Webseite ohne Transaktionsfunktion fällt nicht direkt unter das BFSG, sollte aber trotzdem WCAG-konform sein.

Müssen Allergen-Informationen barrierefrei sein?

Ja. Allergen-Informationen müssen für alle Nutzer zugänglich sein, auch für Screenreader-Nutzer. Tooltip-only-Lösungen oder reine Bild-Darstellungen genügen nicht. Am besten direkt im Text oder in einer barrierefreien Tabelle darstellen.

Reicht es, wenn mein Lieferdienst-Partner (z. B. Lieferando) barrierefrei ist?

Für die Plattform des Partners ist dieser selbst verantwortlich. Aber deine eigene Webseite mit eigenem Bestellsystem, Speisekarte oder Reservierungsfunktion muss eigenständig BFSG-konform sein.

Was kostet es, eine Restaurant-Webseite barrierefrei zu machen?

Für typische Gastro-Webseiten mit Speisekarte und Reservierung liegen die Kosten oft zwischen 500 und 3.000 Euro, je nach Umfang. Viele Maßnahmen wie korrekte Labels und Kontrast-Anpassungen sind mit minimalem Aufwand umsetzbar.

Muss mein Online-Reservierungssystem (z. B. OpenTable) barrierefrei sein?

Wenn du ein externes Widget einbindest, bist du mitverantwortlich für die Barrierefreiheit auf deiner Seite. Prüfe, ob das Widget tastaturzugänglich ist, korrekte ARIA-Labels hat und mit Screenreadern funktioniert. Im Zweifel den Anbieter kontaktieren.

Weiterlesen

Branchen
BFSG für E-Learning Branchen
BFSG für Versicherungsmakler Leitfaden
BFSG 2025: Der komplette Leitfaden

Ist deine Webseite BFSG-konform?

Finde es in 30 Sekunden heraus – kostenloser Schnellcheck mit sofortigem Ergebnis.

Jetzt kostenlos prüfen →