Barrierefreiheit auf deiner Restaurant-Website: WCAG-Probleme und wie du sie löst

Stell dir einen Gast vor, der sehbehindert ist und mit einer Vorlesefunktion deine Website besucht, um zu checken, ob ihr ein glutenfreies Gericht habt. Oder einen älteren Gast, der auf seinem Handy deine Speisekarte lesen will, aber an grauem 10-Pixel-Text auf hellgrauem Hintergrund scheitert. Beide springen ab, nicht weil dein Essen nicht stimmt, sondern weil deine Website ihnen im Weg steht. Genau darum geht es bei Barrierefreiheit: eine Website, die jeder nutzen kann, unabhängig von Einschränkung, Alter oder dem Gerät, auf dem jemand sie ansieht.

Was bedeutet Barrierefreiheit für eine Restaurant-Website?

Barrierefreiheit dreht sich um die internationale Richtlinie WCAG (Web Content Accessibility Guidelines). Das klingt technisch, läuft aber auf vier einfache Fragen hinaus: Kann jeder deine Inhalte wahrnehmen (genug Kontrast, Alt-Texte bei Bildern), kann jeder deine Website bedienen (auch nur mit der Tastatur, auch mit zitternden Händen auf einem kleinen Bildschirm), sind deine Inhalte verständlich (klare Sprache, logischer Aufbau), und ist die Technik robust genug, um mit Hilfsmitteln wie einem Screenreader zu funktionieren.

Für ein Restaurant, Hotel oder einen Campingplatz ist das keine ferne Theorie. Deine Gäste sind ein Querschnitt der Gesellschaft: ältere Gäste, Gäste mit einer visuellen oder motorischen Einschränkung, Gäste, die deine Website auf einem winzigen Handybildschirm im grellen Sonnenlicht lesen wollen. Eine barrierefreie Website funktioniert für all diese Menschen genauso gut wie für alle anderen.

Ist das auch gesetzlich vorgeschrieben?

Barrierefreiheit ist längst keine reine Anstandsfrage mehr. Seit Juni 2025 gilt der European Accessibility Act, der Anforderungen an Websites von Unternehmen stellt, die bestimmte Dienstleistungen online anbieten, etwa Online-Reservierungen, Online-Bestellungen oder einen Webshop. Viele Restaurants, Hotels und Campingplätze fallen inzwischen darunter, gerade weil Reservieren und Bestellen heute standardmäßig online passiert.

Du musst deshalb nicht gleich in Panik geraten: Es geht vor allem um eine Reihe praktischer Grundregeln, und die meisten lassen sich mit kleinen Anpassungen lösen. Sieh es nicht als Bußgelddrohung, sondern als guten Anlass, etwas zu verbessern, das ohnehin zu einer angenehmen Website gehört.

Die häufigsten Probleme auf Restaurant-Websites

In der Praxis tauchen immer wieder dieselben Probleme auf:

• Zu wenig Kontrast: hellgrauer Text auf weißem Hintergrund wirkt vielleicht stilvoll, ist für viele Gäste aber kaum lesbar.
• Fehlende Alt-Texte: Fotos von Gerichten ohne Beschreibung sind für einen Screenreader unsichtbar und damit unverständlich.
• Eine Speisekarte als PDF oder Foto: eine gescannte Karte kann ein Screenreader nicht vorlesen, egal wie scharf das Foto ist.
• Unklare Überschriften und Struktur: ohne logischen H1/H2-Aufbau weiß ein Hilfsmittel nicht, was die Hauptpunkte einer Seite sind.
• Winzige Klickflächen: ein minimales Kreuzchen oder Pfeilchen ist auf dem Handy für alle schwer zu treffen, für Gäste mit motorischen Einschränkungen fast unmöglich.
• Formulare ohne klare Labels: ein Reservierungsformular, bei dem ein Screenreader nicht weiß, welches Feld wofür ist.

Schritt für Schritt: so machst du deine Website barrierefreier

Du musst das nicht an einem Nachmittag erledigen. Arbeite die Liste einfach von oben nach unten ab:

1. Ersetze deine PDF- oder Foto-Speisekarte durch eine echte Online-Karte. Eine digitale Speisekarte ist durchsuchbar und vorlesbar, ein PDF nicht.
2. Füge bei all deinen Fotos Alt-Texte hinzu. Geh deine Fotogalerie und Speisekartenfotos durch, oder lass die SEO-Checkliste die fehlenden Alt-Texte in einem Rutsch für dich ergänzen.
3. Prüfe den Farbkontrast in deinem Corporate Design. Wähle bei deinem Corporate Design Textfarben, die sich deutlich vom Hintergrund abheben, besonders bei Buttons und Menüpreisen.
4. Sorge dafür, dass jede Seite eine logische Überschriftenstruktur hat. Ein H1 pro Seite, darunter saubere H2s und H3s, ohne Ebenen zu überspringen.
5. Teste deine Website mit der Tastatur. Kommst du mit Tab durch Speisekarte, Formular und Reservierungswidget, ohne die Maus zu benutzen? Wenn nicht, ist das ein Signal für deinen Entwickler oder dein Platform-Team.
6. Gib deinen Formularfeldern Labels. Jedes Eingabefeld in deinem Kontakt- oder Reservierungsformular sollte klarmachen, was hineingehört, auch für jemanden, der den Bildschirm nicht sieht.
7. Führe einen kostenlosen Barrierefreiheits-Check durch. Tools wie WAVE oder der Lighthouse-Audit in Chrome zeigen in ein paar Sekunden, wo die größten Probleme liegen.

Was Sitebite schon für dich regelt

Einen Teil dieser Arbeit musst du bei Sitebite nicht selbst erledigen. Templates sind mit lesbaren Textgrößen und ausreichendem Kontrast gebaut, Überschriften folgen automatisch einer logischen Struktur, und deine Website ist von Haus aus responsive und mit der Tastatur bedienbar. Setzt du deine Speisekarte online statt als PDF, ist sie sofort vorlesbar. Und gehst du die SEO-Checkliste durch, nimmst du fehlende Alt-Texte gleich mit, was sowohl deiner Sichtbarkeit als auch deiner Barrierefreiheit zugutekommt. Auch eine schnelle Website gehört dazu: langsame Seiten frustrieren gerade die Gäste, die sich ohnehin schon mehr Mühe geben müssen, deine Website zu nutzen, deshalb gehören Ladezeit und Barrierefreiheit zusammen.

Häufig gestellte Fragen

Muss meine Restaurant-Website vollständig den WCAG entsprechen?

Für die meisten Gastronomiebetriebe geht es um eine angemessene Anstrengung bei den wichtigsten Punkten: Kontrast, Alt-Texte, eine bedienbare Speisekarte und klare Formulare. Du musst nicht jedes Detail der Richtlinie perfekt erfüllen, um schon vielen Gästen besser zu dienen.

Kostet das viel Zeit?

Nein. Die meisten Probleme löst du mit ein paar Anpassungen: eine Speisekarte digitalisieren, Alt-Texte ergänzen und deine Farben prüfen. Das ist meist eine Sache von einer Stunde, kein Neubau deiner Website.

Hilft Barrierefreiheit auch für SEO?

Ja. Alt-Texte, klare Überschriften und eine durchsuchbare Speisekarte sind genau das, was Google und KI-Assistenten auch brauchen, um deine Website zu verstehen. Barrierefreiheit und Sichtbarkeit ziehen hier am selben Strang.

Willst du auf einen Blick sehen, wo deine Website noch Lücken hat? Teste Sitebite kostenlos und prüfe deine Website gleichzeitig auf Barrierefreiheit und SEO.