Ein Tisch sollte für jeden Gast buchbar sein. Für den, der mit der Maus klickt, genauso wie für den, der nur die Tastatur bedient, einen Screenreader hört oder auf klaren Kontrast und ruhige Animationen angewiesen ist. Barrierefreiheit ist deshalb keine Zusatzfunktion im Tavolo-Buchungswidget, sondern Teil davon, wie es gebaut ist. Hier zeigen wir konkret, was umgesetzt ist, orientiert an den Richtlinien WCAG 2.1 AA.
Komplett ohne Maus bedienbar
Das gesamte Widget lässt sich allein mit der Tastatur bedienen. Mit Tab springen Gäste durch Datum, Personenzahl, Uhrzeit und Formular, in einer logischen Reihenfolge. Der heikelste Teil, der Kalender, ist vollständig per Tastatur navigierbar: Die Pfeiltasten bewegen den Fokus tageweise und wochenweise, Pos1 und Ende springen an Monatsanfang und -ende, Bild-auf und Bild-ab wechseln den Monat, und Enter oder die Leertaste wählt den Tag. Beim Öffnen springt der Fokus direkt auf das aktuell gewählte Datum, beim Schließen zurück auf das Eingabefeld. So verliert niemand die Orientierung.
Für Screenreader verständlich
Wer einen Screenreader nutzt, bekommt nicht nur Zahlen vorgelesen, sondern Bedeutung. Jeder Tag im Kalender wird mit vollem Datum und Status angesagt, etwa „Mittwoch, 1. Juli 2026, verfügbar“ oder „nicht verfügbar“, inklusive eines hinterlegten Hinweises vom Restaurant. Die Uhrzeiten werden als „19:00 Uhr“ angekündigt, nicht verfügbare Slots klar als solche. Ändert sich die Verfügbarkeit, weil ein anderes Datum oder eine andere Personenzahl gewählt wurde, sagt das Widget den neuen Stand automatisch an. Fehlermeldungen werden als Hinweis sofort vorgelesen, statt unbemerkt am Bildschirm zu erscheinen.
Beschriftungen, die zusammengehören
Jedes Eingabefeld ist programmatisch mit seiner Beschriftung verbunden. Datum, Personenzahl, Name, E-Mail und Anmerkungen sind eindeutig zugeordnet, sodass Hilfstechnik immer weiß, welches Feld gerade dran ist. Rein dekorative Symbole sind für Screenreader ausgeblendet, damit nichts doppelt oder verwirrend vorgelesen wird. Das Formular nutzt durchgehend echte, semantische Bausteine: Schaltflächen sind Schaltflächen, Auswahllisten sind Auswahllisten.
Sichtbar, ruhig, kontraststark
Das gerade fokussierte Element bekommt einen deutlich sichtbaren Rahmen, sodald man mit der Tastatur navigiert, niemand muss raten, wo er sich befindet. Wer in den Systemeinstellungen reduzierte Bewegung aktiviert hat, bekommt ein ruhiges Widget ohne störende Animationen. Schrift, Farben und Flächen sind auf gute Lesbarkeit und klaren Kontrast ausgelegt.
Auch in der eingebetteten Version
All das gilt nicht nur auf der Tavolo-Buchungsseite, sondern auch dort, wo Sie das Widget einbinden: Die eingebettete Variante trägt eine klare Bezeichnung und bringt dieselbe barrierearme Bedienung auf Ihre eigene Website, ob per HTML-Einbettung oder WordPress-Plugin.
Warum uns das wichtig ist
Barrierefreiheit ist gelebte Gastfreundschaft. Ein Gast, der nicht buchen kann, ist ein verlorener Gast, und niemand sollte an der Technik scheitern. Mit einem barrierearmen Widget erreichen Sie mehr Menschen, vermeiden rechtliche Stolperfallen und zeigen Haltung. Für Sie als Gastgeber ist dabei nichts zu tun: Es ist einfach so eingebaut.
Sie nutzen Tavolo noch nicht? Jetzt kostenlos starten und Ihren Gästen eine Buchung anbieten, die wirklich für alle funktioniert. Wie Sie das Widget auf Ihrer Seite einbinden, lesen Sie in der Anleitung zur HTML-Einbettung und zum WordPress-Plugin.