Barrierefreiheitserklärung

Wir arbeiten kontinuierlich daran, die Barrierefreiheit unserer Website zu verbessern und orientieren uns dabei an den Web Content Accessibility Guidelines (WCAG) 2.1. Nachfolgend finden Sie eine Übersicht der bereits umgesetzten Maßnahmen sowie der Bereiche, in denen wir weiterhin Verbesserungen vornehmen.

Navigation und Struktur

• Sprunglink (Skip-Link): Ein „Zum Hauptinhalt springen“-Link ermöglicht es Tastaturnutzern und Screenreader-Anwendern, direkt zum Hauptinhalt der Seite zu navigieren.
• Sprachauszeichnung: Die gesamte Website ist mit dem Sprachattribut lang="de" ausgezeichnet, damit Screenreader die Inhalte in der korrekten Sprache vorlesen.
• Semantisches HTML: Wir verwenden semantische HTML-Elemente wie <main>, <nav>, <section> und <article>, um die Seitenstruktur für assistive Technologien verständlich zu machen.
• Seitenstruktur: Die Seiten sind hierarchisch mit Überschriften (h1–h6) gegliedert, sodass Screenreader-Nutzer die Inhaltsstruktur leicht erfassen können.

ARIA-Unterstützung

• ARIA-Labels: Interaktive Elemente wie Navigationsschaltflächen, Suchfelder, Formulare, modale Dialoge und Social-Media-Links sind mit beschreibenden aria-label-Attributen versehen.
• ARIA-Landmarks: Wichtige Seitenbereiche sind mit aria-labelledby gekennzeichnet, um Screenreader-Nutzern die Orientierung zu erleichtern.
• Dekorative Elemente: Rein dekorative Grafiken und Icons sind mit aria-hidden="true" markiert, sodass sie von Screenreadern übersprungen werden.
• Nur für Screenreader sichtbare Inhalte: Bestimmte Beschriftungen und Überschriften sind visuell verborgen, aber für Screenreader zugänglich (sr-only).

Bilder und Medien

• Alternativtexte: Alle inhaltlich relevanten Bilder sind mit beschreibenden Alternativtexten (alt-Attributen) versehen, damit Screenreader deren Inhalt vermitteln können.
• Responsive Bilder: Wir nutzen das <picture>-Element mit modernen Bildformaten (WebP) und Fallback-Varianten für optimale Darstellung auf allen Geräten.

Formulare und Interaktion

• Formular-Labels: Eingabefelder sind mit zugehörigen <label>-Elementen verknüpft, sodass Screenreader den Zweck jedes Feldes korrekt ankkündigen.
• Pflichtfeld-Kennzeichnung: Pflichtfelder sind visuell und programmatisch als solche gekennzeichnet.
• Cookie-Einwilligungsdialog: Der Cookie-Consent-Dialog ist mit beschrifteten Checkboxen und klar benannten Schaltflächen barrierefrei gestaltet.

Tastaturbedienung und Fokus

• Fokus-Indikatoren: Interaktive Elemente wie Links, Schaltflächen und Eingabefelder erhalten bei Fokussierung per Tastatur einen sichtbaren Fokusrahmen.
• Tastaturnavigation: Die gesamte Navigation, Suchfunktion und wesentliche Interaktionselemente sind per Tastatur (Tab, Enter, Escape) bedienbar.

Typografie und Lesbarkeit

• Schriftgrößen-Optimierung: Ein optionales Schrift-Override-System ermöglicht verbesserte Lesbarkeit mit angepassten Schriftarten, größeren Zeilenabständen und optimierten Schriftgrößen.
• Responsive Typografie: Schriftgrößen passen sich automatisch an verschiedene Bildschirmgrößen an, um auf allen Geräten gut lesbar zu sein.
• Kontrastreiche Farben: Wir verwenden kontrastreiche Farbkombinationen für Text und Hintergrund, um die Lesbarkeit zu gewährleisten.

Zahlungsarten und Buchung

• Zahlungsarten-Icons: Alle Zahlungsarten-Symbole sind mit Alternativtexten und Titeln versehen.
• Buchungsprozess: Der Buchungsprozess ist schrittweise aufgebaut und mit klaren Beschriftungen und Hinweisen versehen.

Trotz unserer Bemühungen können einige Bereiche der Website noch Einschränkungen in der Barrierefreiheit aufweisen:

• Einige ältere Inhalte und Drittanbieter-Integrationen entsprechen möglicherweise noch nicht vollständig den WCAG-Richtlinien.
• Animationen (z. B. Welleneffekte im Footer) sind derzeit noch nicht über eine Einstellung für reduzierte Bewegung steuerbar.
• Einzelne interaktive Elemente von externen Anbietern (z. B. reCAPTCHA) unterliegen nicht unserer vollständigen Kontrolle.

Feedback und Kontakt

Sollten Sie auf Barrieren stoßen oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Bitte kontaktieren Sie uns über unser Kontaktformular.

Wir bemühen uns, auf Ihre Anfrage zeitnah zu antworten und eventuelle Probleme schnellstmöglich zu beheben.

Diese Website basiert auf folgenden Technologien, die zur Barrierefreiheit beitragen:

• HTML5 mit semantischen Elementen
• WAI-ARIA für erweiterte Barrierefreiheitsinformationen
• CSS für responsives und anpassbares Layout
• JavaScript für interaktive Elemente mit Tastaturunterstützung