Ostsee-Strand

Stand der Vereinbarkeit mit den Richtlinien

Wir sind fest davon überzeugt, dass das Internet für alle Menschen zugänglich sein sollte. Daher setzen wir uns dafür ein, eine Website bereitzustellen, die für ein möglichst breites Publikum zugänglich ist – unabhängig von den jeweiligen Umständen oder Fähigkeiten.

Um dies zu erreichen, streben wir an, die Richtlinien für barrierefreie Webinhalte (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA so genau wie möglich einzuhalten. Diese Richtlinien erläutern, wie Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich gemacht werden können. Ihre Umsetzung hilft uns sicherzustellen, dass unsere Website für alle Menschen zugänglich ist – für blinde Menschen, Personen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und viele mehr.

Diese Website verwendet verschiedene Technologien, um die Barrierefreiheit jederzeit so weit wie möglich zu gewährleisten. Wir setzen eine Barrierefreiheits-Oberfläche ein, mit der Menschen mit bestimmten Einschränkungen die Benutzeroberfläche (UI) der Website an ihre persönlichen Bedürfnisse anpassen können.

Darüber hinaus nutzt die Website eine KI-gestützte Anwendung, die im Hintergrund läuft und die Barrierefreiheit laufend optimiert. Diese Anwendung überarbeitet den HTML-Code der Website, passt Funktionalität und Verhalten für Bildschirmleseprogramme (Screenreader) für blinde Nutzer sowie für Tastaturfunktionen für motorisch eingeschränkte Personen an.

Wenn Sie eine Fehlfunktion festgestellt haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Sie erreichen die Betreiber der Website über folgende E-Mail-Adresse: info@schoeneferienaufruegen.de

Screenreader- und Tastaturnavigation

Unsere Website nutzt die ARIA-Technik (Accessible Rich Internet Applications) sowie verschiedene funktionale Anpassungen, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website lesen, verstehen und bedienen können. Sobald ein Nutzer mit einem Screenreader die Seite betritt, wird er direkt aufgefordert, das Screenreader-Profil zu aktivieren, um die Seite effektiv zu nutzen. So deckt unsere Website einige der wichtigsten Anforderungen für Screenreader-Nutzer ab – mit begleitenden Beispielen aus dem Code:

1. Optimierung für Screenreader: Im Hintergrund läuft ein Prozess, der die Website vollständig analysiert, um eine durchgehende Barrierefreiheit auch bei Aktualisierungen sicherzustellen. Dabei stellen wir Screenreadern durch den Einsatz von ARIA-Attributen aussagekräftige Informationen bereit – z. B. präzise Beschriftungen von Formularfeldern, Beschreibungen für klickbare Symbole (Social Media, Suche, Warenkorb etc.), Hinweise zur Formularvalidierung sowie Rollen von Elementen wie Buttons, Menüs, Modalfenstern (Popups) und mehr. Der Prozess analysiert zudem alle Bilder auf der Website und erstellt mithilfe von Bilderkennung eine aussagekräftige Bildbeschreibung (ALT-Text), wenn keine vorhanden ist. Auch eingebettete Texte in Bildern werden per OCR-Technologie (optische Zeichenerkennung) ausgelesen. Um Screenreader-Anpassungen zu aktivieren, genügt die Tastenkombination Alt+1. Nutzer mit Screenreader erhalten automatisch einen Hinweis zur Aktivierung des Screenreader-Modus, sobald sie die Website betreten.

   Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, darunter JAWS und NVDA.

2. Optimierung für Tastaturnavigation: Der Hintergrundprozess passt den HTML-Code der Website an und ergänzt verschiedene Verhaltensweisen über JavaScript, damit die Seite vollständig über die Tastatur bedienbar ist. Dazu gehört die Navigation per Tab- und Shift+Tab-Taste, das Öffnen von Dropdowns mit Pfeiltasten, Schließen mit Esc, Auslösen von Buttons und Links mit Enter sowie das Navigieren zwischen Auswahlfeldern (Checkboxen, Radiobuttons) mit Pfeiltasten und deren Auswahl mit Leertaste oder Enter. Zusätzlich stehen Nutzern Schnellnavigations- und Inhaltsüberspring-Menüs zur Verfügung – aufrufbar per Alt+1 oder als erstes Element bei Tastaturnavigation. Auch Popups werden berücksichtigt: Der Fokus wird automatisch darauf gelenkt, sobald sie erscheinen, damit der Fokus nicht verloren geht.

   Nutzer können auch Tastenkürzel wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) verwenden, um gezielt zu bestimmten Elementen zu springen.

Unterstützte Profile für Einschränkungen auf unserer Website

• Epilepsie-sicherer Modus: Dieses Profil ermöglicht Menschen mit Epilepsie eine sichere Nutzung der Website, indem es blitzende Animationen und riskante Farbkombinationen ausschließt.
• Modus für Sehbehinderte: Dieser Modus passt die Website für Nutzer mit Einschränkungen wie abnehmendem Sehvermögen, Tunnelblick, Katarakt, Glaukom usw. an.
• Modus für kognitive Einschränkungen: Dieser Modus bietet unterstützende Funktionen für Menschen mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, Schlaganfall (CVA) usw., um sich besser auf relevante Inhalte konzentrieren zu können.
• ADHS-freundlicher Modus: Dieser Modus unterstützt Menschen mit ADHS und neurodiversen Störungen dabei, Inhalte konzentriert und mit weniger Ablenkung aufzunehmen.
• Modus für blinde Nutzer: Dieser Modus stellt die Kompatibilität der Website mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack sicher. Screenreader sind Programme für Blinde, die auf Computern und Smartphones installiert werden – Websites müssen damit kompatibel sein.
• Tastaturnavigationsprofil (motorisch eingeschränkt): Dieses Profil ermöglicht Personen mit motorischen Einschränkungen die Bedienung der Website über Tab, Shift+Tab und Enter. Auch hier sind die Tastenkürzel „M“, „H“, „F“, „B“ und „G“ verfügbar.

Weitere Anpassungen an Benutzeroberfläche, Design und Lesbarkeit

1. Schriftanpassung – Nutzer können Schriftgröße, Schriftart, Abstand, Ausrichtung, Zeilenhöhe u. v. m. verändern.
2. Farbkontraste – Verschiedene Farbkontrast-Profile wie Hell, Dunkel, Umgekehrt oder Monochrom stehen zur Auswahl. Titel, Text- und Hintergrundfarben können in sieben verschiedenen Farbschemata angepasst werden.
3. Animationen – Menschen mit Epilepsie können sämtliche laufenden Animationen per Klick stoppen – darunter Videos, GIFs und CSS-Übergänge.
4. Hervorhebung von Inhalten – Nutzer können wichtige Elemente wie Links und Überschriften hervorheben oder nur Elemente mit Fokus/Mausberührung betonen.
5. Ton ausschalten – Nutzer mit Hörhilfen können durch automatische Tonausgabe beeinträchtigt werden. Mit dieser Funktion lässt sich die gesamte Website stummschalten.
6. Kognitive Unterstützung – Es steht eine Suchfunktion zur Verfügung, die mit Wikipedia und Wiktionary verbunden ist, um Begriffe, Abkürzungen oder Umgangssprache leichter zu verstehen.
7. Weitere Funktionen – Nutzer können die Farbe und Größe des Mauszeigers ändern, einen Druckmodus aktivieren, eine virtuelle Tastatur einschalten und viele weitere Funktionen nutzen.

Kompatibilität mit Browsern und Hilfstechnologien

Wir möchten eine möglichst große Bandbreite an Browsern und Hilfstechnologien unterstützen, damit Nutzer die für sie besten Werkzeuge wählen können – mit möglichst wenigen Einschränkungen. Daher arbeiten wir intensiv daran, alle gängigen Systeme zu unterstützen, die zusammen über 95 % Marktanteil ausmachen – darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge sowie die Screenreader JAWS und NVDA.

Anmerkungen, Kommentare und Rückmeldungen

Trotz aller Bemühungen, die Website für alle optimal anpassbar zu gestalten, kann es vorkommen, dass bestimmte Seiten oder Bereiche noch nicht vollständig barrierefrei sind, sich noch in der Umstellung befinden oder derzeit keine geeignete technische Lösung verfügbar ist. Dennoch arbeiten wir kontinuierlich daran, die Barrierefreiheit zu verbessern – durch neue Funktionen, laufende Aktualisierungen und den Einsatz moderner Technologien. Bei Fragen oder Unterstützungsbedarf kontaktieren Sie uns bitte unter info@schoeneferienaufruegen.de