02. Juli 2025
Barrierefreiheit im Web ist kein Luxus, sondern Voraussetzung für digitale Teilhabe. Besonders im Tourismus ist es entscheidend, dass Gäste mit Einschränkungen eine Unterkunft ebenso komfortabel buchen können wie alle anderen. Menschen, die auf die Tastaturbedienung angewiesen sind, stoßen jedoch bei vielen Hotel-Websites schnell an Grenzen – insbesondere wenn die Buchungsbox nicht barrierefrei ist.
DIRS21 Quickbox: Schnell, aber nicht barrierefrei
Die DIRS21 Quickbox ist auf vielen Hotel-Websites direkt auf der Startseite eingebunden. Leider ist sie aktuell nicht per Tastatur bedienbar. Damit ist es für Nutzer:innen mit motorischen Einschränkungen oder assistiven Technologien nicht möglich, eine Buchung zu starten – obwohl das Tool optisch präsent ist.
Mit dem “IBM Equal Accessibility Checker” lässt sich schnell überprüfen, ob Elemente per Tastatur erreichbar und verständlich aufgebaut sind. Wie man im Screenshot erkennen kann, wird die Quickbox per Tastatur erst gar nicht angesteuert. Die sogenannte “Direktbuchungsmaschine” von DIRS21 (DIRS21 One) ist nur über Umwege erreichbar.
DIRS21 One: barrierefrei, aber nicht zugänglich
Zwar verspricht DIRS21 eine barrierefreie Buchungsstrecke; das hilft jedoch wenig, wenn der Einstieg nicht möglich ist. Die Verlinkung der Buchungsstrecke allein reicht nicht aus. Damit die Tastaturnavigation zuverlässig funktioniert, muss die Seite korrekt strukturiert sein – inklusive semantischer Überschriften, logischer Tabreihenfolge und sichtbarer Fokusindikatoren.
Wir empfehlen zur Überprüfung zwei praktische Tools:
- HeadingsMap (Browser-Erweiterung) – zeigt die semantische Struktur Ihrer Seite und ob die Überschriften korrekt eingesetzt sind.
Unsere Lösung: Sichtbarer Einstiegspunkt zur barrierefreien Buchung
Um das Problem zu lösen, haben wir eine elegante und funktionale Lösung entwickelt, die sich nahtlos in jede bestehende Website integrieren lässt – auch bei aktivierter DIRS21 Quickbox.
1. Einstiegslink „Barrierefrei buchen“
Wir platzieren oberhalb von Logo und Navigation einen gut sichtbaren, mit der Tastatur erreichbaren Link mit der Überschrift „Barrierefrei buchen“. Dieser befindet sich technisch gesehen in der Toolbar-Left-Position und wird als erster Fokuspunkt beim Tab-Durchlauf angesteuert. Visuell wurde der Link am rechten Bildschirmrand platziert. Die Position links oben verkürzt lediglich die Anzahl der Klicks bis zum Button “Buchung”.
- Visuell und technisch barrierefrei
- Verlinkung direkt auf die barrierefreie DIRS21 One Buchungsstrecke
2. Alternative Kontaktmöglichkeit
Da die Buchungsstrecke aktuell nicht wirklich benutzerfreundlich ist, haben wir zusätzlich direkt unter dem Buchen-Link eine alternative Option für Nutzer:innen integriert, die lieber telefonisch buchen möchten: ein klickbarer Link zur Rezeption.
Damit können Gäste frei entscheiden, ob sie den Online-Weg gehen oder persönlich Kontakt aufnehmen – ohne sich durch komplexe Formulare navigieren zu müssen.
Die Abbildung oben zeigt die “realistische” Position des Widgets am oberen Bildschirmrand oben. Das Widget wird jedoch am rechten Bildschrimrand abgebildet.
In der Analyse der Sprungmarken erkennt man, dass der Link zur Buchungsstrecke dadruch mit nur 2 Klicks erreicht werden kann.
Mit der zuschaltbaren Tastatur (aktivierbar per Tab-Taste) wird die Navigation auf der Website noch komfortabler. Bei dieser Lösung kan der User entscheiden, ob er sich zuerst über das Angebot des Hotels informiert oder über den Link “Barrierefreien Buchung” sofort zum Buchungswidget wechselt. .
Technik trifft Nutzerfreundlichkeit
Durch die Einführung dieses barrierefreien Einstiegs kombinieren wir gesetzeskonforme Technik mit echter Nutzerfreundlichkeit. Auch wenn die DIRS21-Buchungsstrecke nicht selbst verändert werden kann, schaffen wir mit dieser Lösung einen klaren Zugang für alle Besucher:innen – unabhängig von deren Fähigkeiten.
Kleine Maßnahme, große Wirkung
Wenn Sie DIRS21 als Buchungslösung auf Ihrer Website einsetzen, sollten Sie dringend prüfen, ob Ihre Startseite tatsächlich barrierefrei erreichbar ist. Unsere Lösung ist schnell implementierbar, DSGVO-konform und zukunftssicher – insbesondere mit Blick auf das Barrierefreiheitsstärkungsgesetz (BFSG), das seit Juni 2025 verpflichtend ist.
Test: Wie barrierefrei ist die DIRS21-Buchungsstrecke wirklich?
Laut Herstellerangaben ist die DIRS21 One Buchungsstrecke barrierefrei. Doch unsere Tests zeigen: Für Menschen, die auf die Tastaturbedienung angewiesen sind, ist eine vollständige Buchung nur mit sehr viel Geduld – oder gar nicht – möglich.
Tastennavigation: Theorie und Praxis
Die wichtigsten Tasten für Nutzer:innen ohne Maus sind: Tab (Tabulatortaste), Enter (Eingabetaste), die Pfeiltasten und die Leertaste. Mit diesen drei Tasten sollte sich idealerweise jeder Buchungsprozess bedienen lassen.
| Taste | Funktion im Web (barrierefrei) |
|---|---|
| Tab | Springt zum nächsten fokussierbaren Element (z. B. Link, Button, Eingabefeld). |
| Shift + Tab | Springt zurück zum vorherigen Element. |
| Enter | Führt die Aktion des fokussierten Elements aus (z. B. Link öffnen, Button klicken, Datumsauswahl im Kalender bestätigen). |
| Leertaste | Aktiviert Buttons/Checkboxen, scrollt die Seite oder pausiert eingebettete Medien. |
| Pfeiltasten ↑ ↓ → ← | Navigation innerhalb von Menüs, Dropdowns, Online-Kalendern, Formularlisten, oder Slidern. |
Doch bei DIRS21 stoßen diese auf deutliche Grenzen:
- Die Tastenkombination Alt + ? soll angeblich ein Barrierefreiheitsmenü öffnen – auf Apple-Geräten jedoch ohne jede Wirkung.
- Die Kombination ist außerdem schwer mit einer Hand erreichbar – für viele Menschen mit motorischen Einschränkungen ein KO-Kriterium.
Der lange Weg zur Datumsauswahl
Erst nach dem 14. Tab-Klick erreicht man das Feld für den Check-In. Vorher navigiert man sich durch unzählige Elemente in der oberen Leiste. Dort wäre ein „Skip to main content“-Link hilfreich – existiert aber nicht – oder funktioniert in einem Apple-Browser nicht.
Das Datum lässt sich per Enter-Taste auswählen – doch im eingeblendeten Kalender funktionieren die Pfeiltasten zur Navigation nicht. Wer das Datum ändern möchte, muss die gesamte Eingabestrecke von vorn beginnen. Die Tab-Taste funktioniert, die Pfeiltasten nicht – eine inkonsistente Bedienung, die verwirrt und aufhält.
Besonders problematisch: Wer sich durch den Kalender „durchklickt“, muss im schlimmsten Fall alle Tage des Monats mit Screenreader-Ausgabe durchlaufen (das macht bei der Vorschau von 2 Monaten ca. 60 Klicks! aus), nur um mit dem 62. Klick den Button „Änderungen übernehmen“ zu erreichen. Dabei spielt es keine Rolle, ob man nur eine Nacht oder einen gesamten Monat reservieren möchte, die Anzahl der Klicks lässt sich nicht reduzieren. Das ist weder effizient noch zugänglich. Eigentlich sollte nach der Bestätigung mit “Enter” ein Wechsel zum nächsten Eingabefeld möglich sein.
Upselling statt Usability? Wenn Zusatzleistungen zur Barriere werden
Im Menüpunkt „Zusatzleistungen“ erwartet den User ein klassisches Upselling. In der Hotelbranche üblich – aber für Menschen mit Seheinschränkungen eine echte Herausforderung. Es fehlt eine klare Struktur, und der Fokus geht beim Navigieren verloren.
An dieser Stelle taucht plötzlich das zuvor vermisste Menü für Barrierefreiheit auf. Es muss mit der Enter-Taste aktiv geschlossen werden, da es sonst die Bedienung blockiert. Danach ist der Warenkorb leer – und ein Fortfahren nicht mehr möglich. Wir müssen von vorne beginnen.
Kurz gesagt: Wir geben an dieser Stelle auf.
Fazit: Erste wichtige Schritte – aber noch kein barrierefreies Nutzererlebnis
DIRS21 ist Marktführer im deutschsprachigen Raum und war eines der ersten Systeme, das das Thema Barrierefreiheit überhaupt aufgegriffen hat – ein wichtiger und richtiger Schritt. Aktuell ist eine vollständig barrierefreie Online-Buchung jedoch nicht möglich. Positiv ist: DIRS21 arbeitet nach eigener Aussage bereits an konkreten Verbesserungen, um den Buchungsprozess inklusiver zu gestalten. Ein Blick ins Ausland zeigt, wie moderne, barrierearme Lösungen aussehen können – etwa bei Anbietern wie Lodgify oder Siteminder, die bereits durchgängig zugängliche Formulare und Navigationsstrukturen umsetzen.
Unsere Empfehlung:
- Platzieren Sie gut sichtbar auf Ihrer Startseite einen Link mit der Aufschrift „Barrierefrei buchen oder telefonisch reservieren“.
- Ergänzen Sie dort auch eine E-Mail-Adresse für einfache Kontaktaufnahme.
- Hinterlegen Sie eine dedizierte Infoseite, auf der Sie Ihre barrierefreien Maßnahmen dokumentieren – idealerweise mit dem Linktitel „Barrierefreiheit – bitte helfen Sie mit“ oder „Barrierefreiheitserklärung“ bzw. „Accessibility Statement“.
Warum eine Barrierefreiheitserklärung für Ihre Hotel-Website wichtig ist
Damit Ihre barrierefreie Website nicht nur technisch überzeugt, sondern auch rechtlich und kommunikativ vollständig ist, sollten Sie eine sogenannte Barrierefreiheitserklärung veröffentlichen. Diese informiert Ihre Gäste transparent darüber, welche Maßnahmen zur digitalen Zugänglichkeit auf Ihrer Website umgesetzt wurden – etwa zur Tastaturnavigation, Kontrastdarstellung oder zur barrierefreien Einbindung der DIRS21-Buchungsmaske. Die Erklärung zeigt, dass Sie sich aktiv für digitale Teilhabe einsetzen, und schafft Vertrauen bei Nutzer:innen mit Einschränkungen.
Idealerweise wird sie im Footer Ihrer Website verlinkt – ähnlich wie Impressum oder Datenschutzerklärung.
🔗 Nützliche Links & Generatoren
Hinweis: Eine barrierefreie Website besteht nicht nur aus zugänglichen Elementen, sondern auch aus klarer Struktur, nachvollziehbarer Interaktion und konsistenter Bedienung – für alle Nutzer:innen.
Sie möchten Ihre Hotel-Website barrierefrei gestalten?
Gerne unterstützen wir Sie mit einer individuellen Analyse, technischen Umsetzung und nachhaltigen Optimierung Ihrer Website – auch in Verbindung mit Buchungssystemen wie DIRS21, Smoobu oder Lodgify.
Jetzt unverbindlich beraten lassen
