Ruffle, 12 cm

Konformitätsstatus

Wir sind fest davon überzeugt, dass das Internet für jeden zugänglich sein sollte, und setzen 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 und Fähigkeiten.

Um dies zu erreichen, streben wir an, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf dem AA-Niveau so genau wie möglich einzuhalten. Diese Richtlinien erklären, wie Webinhalte für Menschen mit unterschiedlichsten Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: blinde Personen, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Einschränkungen und mehr.

Diese Website nutzt verschiedene Technologien, die darauf ausgelegt sind, die Zugänglichkeit jederzeit bestmöglich zu gewährleisten. Wir verwenden eine Barrierefreiheits-Schnittstelle, die es Personen mit speziellen Behinderungen erlaubt, die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anzupassen.

Zusätzlich nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und den Grad der Barrierefreiheit kontinuierlich optimiert. Diese Anwendung korrigiert den HTML-Code der Website, passt die Funktionalitäten und das Verhalten für Screenreader, die von blinden Nutzern verwendet werden, sowie für Tastaturfunktionen, die von Personen mit motorischen Einschränkungen genutzt werden, an.

Wenn Sie eine Fehlfunktion entdeckt haben oder Verbesserungsvorschläge haben, freuen wir uns sehr über Ihre Rückmeldung. Sie können die Betreiber der Website unter folgender E-Mail-Adresse erreichen:

Screenreader- und Tastaturnavigation

Unsere Website verwendet die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website lesen, verstehen und deren Funktionen nutzen können. Sobald ein Nutzer mit Screenreader die Seite betritt, erhält er automatisch eine Aufforderung, das Screenreader-Profil zu aktivieren, damit er die Seite effektiv bedienen kann. Im Folgenden zeigen wir, wie unsere Website einige der wichtigsten Anforderungen für Screenreader erfüllt, ergänzt durch Konsolen-Screenshots von Code-Beispielen:

1. Optimierung für Screenreader: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben nach unten erfasst, um die Einhaltung der Standards auch bei Updates sicherzustellen. Dabei stellen wir Screenreadern mithilfe des ARIA-Attributsets sinnvolle Informationen bereit. Zum Beispiel: präzise Formularbeschriftungen, Beschreibungen für interaktive Icons (Social Media, Suche, Warenkorb usw.), Validierungshinweise für Formulareingaben, Rollen für Elemente wie Buttons, Menüs, modale Dialoge (Popups) und mehr. Außerdem scannt der Prozess alle Bilder der Website und generiert für nicht beschriebene Bilder eine aussagekräftige Beschreibung basierend auf Bilderkennung als ALT-Text. Er extrahiert auch eingebettete Texte in Bildern mittels OCR (optische Zeichenerkennung). Die Screenreader-Anpassungen lassen sich jederzeit durch Drücken der Tastenkombination Alt+1 aktivieren. Screenreader-Nutzer erhalten außerdem beim Betreten der Website automatisch eine Ansage, dass der Screenreader-Modus aktiviert werden kann.

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

2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mit JavaScript verschiedene Verhaltensweisen hinzu, damit die Seite vollständig per Tastatur bedienbar ist. Dazu gehören Navigation mit Tab und Shift+Tab, Dropdown-Bedienung mit Pfeiltasten, Schließen mit Escape, Auslösen von Buttons und Links mit Enter, Navigation zwischen Radio- und Checkbox-Elementen mit Pfeiltasten sowie Ausfüllen mit Leertaste oder Enter. Zusätzlich gibt es Schnellnavigations- und Content-Skip-Menüs, die jederzeit per Alt+1 oder als erste Elemente beim Tastaturnavigieren verfügbar sind. Popups werden automatisch fokussiert, wenn sie erscheinen, und der Fokus wird innerhalb des Popups gehalten.

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

Unterstützte Behinderungsprofile auf unserer Website

• Epilepsiesicherer Modus: Dieses Profil ermöglicht epilepsiegefährdeten Personen die sichere Nutzung der Website, indem blinkende oder flackernde Animationen und riskante Farbkombinationen vermieden werden.
• Modus für Sehbehinderte: Dieser Modus passt die Website für Nutzer mit Sehbehinderungen wie nachlassendem Sehvermögen, Tunnelblick, Grauem Star, Grünem Star und weiteren an.
• Modus für kognitive Beeinträchtigungen: Er bietet Hilfsmittel für Nutzer mit kognitiven Einschränkungen wie Legasthenie, Autismus, Schlaganfallfolgen (CVA) u. ä., um sich besser auf wesentliche Website-Elemente zu konzentrieren.
• ADHS-freundlicher Modus: Dieser Modus unterstützt Nutzer mit ADHS und neuroentwicklungsbedingten Störungen beim Lesen, Surfen und Fokussieren auf die wichtigsten Inhalte, indem Ablenkungen deutlich reduziert werden.
• Blindenmodus: Die Website wird so konfiguriert, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Nutzer, die auf Computern und Smartphones installiert wird und von Websites unterstützt werden muss.
• Tastaturnavigations-Profil (motorische Einschränkungen): Dieses Profil erlaubt motorisch eingeschränkten Personen die Bedienung der Website mit den Tasten Tab, Shift+Tab und Enter. Zusätzlich sind Shortcuts wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) nutzbar, um schnell zu bestimmten Elementen zu springen.

Weitere Anpassungen der Benutzeroberfläche, des Designs und der Lesbarkeit

1. Schriftanpassungen – Nutzer können Schriftgröße erhöhen oder verringern, Schriftart (Familie) wechseln, Abstände, Ausrichtung, Zeilenhöhe und mehr einstellen.
2. Farbanpassungen – Nutzer können aus verschiedenen Farbkontrast-Profilen wählen, z. B. hell, dunkel, invertiert und monochrom. Außerdem lassen sich Farbschemata für Titel, Texte und Hintergründe mit über sieben Optionen tauschen.
3. Animationen – Personen mit Epilepsie können alle laufenden Animationen per Knopfdruck stoppen. Dazu zählen Videos, GIFs und CSS-basierte blinkende Übergänge.
4. Inhalts-Hervorhebung – Nutzer können wichtige Elemente wie Links und Titel hervorheben. Auch Hervorhebung nur von fokussierten oder mit der Maus berührten Elementen ist möglich.
5. Ton stummschalten – Nutzer mit Hörhilfen, die durch automatische Tonwiedergabe Kopfschmerzen oder andere Probleme bekommen, können die gesamte Website sofort stummschalten.
6. Kognitive Beeinträchtigungen – Wir nutzen eine Suchmaschine, die mit Wikipedia und Wiktionary verbunden ist, sodass Menschen mit kognitiven Beeinträchtigungen Bedeutungen von Phrasen, Abkürzungen, Slang und Ähnlichem leichter verstehen können.
7. Weitere Funktionen – Nutzer können Cursorfarbe und -größe ändern, einen Druckmodus nutzen, eine virtuelle Tastatur aktivieren und viele weitere Funktionen einsetzen.

Browser- und Hilfstechnologie-Kompatibilität

Wir möchten möglichst viele Browser und Hilfstechnologien unterstützen, damit unsere Nutzer die für sie passendsten Werkzeuge ohne große Einschränkungen verwenden können. Daher haben wir intensiv daran gearbeitet, alle großen Systeme zu unterstützen, die über 95 % des Nutzeranteils abdecken, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie Screenreader wie JAWS und NVDA.

Hinweise, Kommentare und Feedback

Trotz unserer besten Bemühungen, die Website für jeden anpassbar zu machen, kann es immer noch Seiten oder Bereiche geben, die nicht vollständig barrierefrei sind, sich im Prozess der Barrierefreiheit befinden oder für die es noch keine zufriedenstellende technische Lösung gibt. Wir arbeiten jedoch kontinuierlich daran, unsere Barrierefreiheit zu verbessern, Optionen und Funktionen zu erweitern, zu aktualisieren und neue Technologien zu integrieren. All dies zielt darauf ab, den optimalen Grad der Barrierefreiheit zu erreichen und technologische Fortschritte zu nutzen. Für Hilfe oder Feedback kontaktieren Sie uns bitte unter