Waardecheques

Konformitätsstatus

Wir sind fest davon überzeugt, dass das Internet für jeden verfügbar und zugänglich sein sollte, und setzen uns dafür ein, eine Website bereitzustellen, die einem möglichst breiten Publikum zugänglich ist, unabhängig von Umständen und Fähigkeiten.

Um dies zu erfüllen, streben wir an, uns so strikt wie möglich an die Richtlinien für barrierefreie Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf der Stufe AA zu halten. Diese Richtlinien erklären, wie Webinhalte für Menschen mit einer Vielzahl von 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 Menschen, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Behinderungen und mehr.

Diese Website nutzt verschiedene Technologien, die darauf abzielen, sie jederzeit so barrierefrei wie möglich zu gestalten. Wir verwenden eine Schnittstelle für Barrierefreiheit, die es Personen mit spezifischen Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website anzupassen und sie nach ihren persönlichen Bedürfnissen zu gestalten.

Darüber hinaus nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und das Niveau der Barrierefreiheit ständig optimiert. Diese Anwendung korrigiert den HTML-Code der Website, passt deren Funktionalität und Verhalten für Screenreader an, die von blinden Nutzern verwendet werden, sowie für Tastaturfunktionen, die von Personen mit motorischen Beeinträchtigungen genutzt werden.

Wenn Sie eine Fehlfunktion gefunden haben oder Verbesserungsvorschläge haben, freuen wir uns, von Ihnen zu hören. Sie können die Betreiber der Website unter der folgenden E-Mail-Adresse erreichen: info@wagrainerhof.com

Screenreader- und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribut-Technik (Accessible Rich Internet Applications) zusammen mit verschiedenen Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer, die mit Screenreadern zu Besuch sind, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader Ihre Website betritt, erhält er sofort eine Aufforderung, das Screenreader-Profil aufzurufen, damit er die Website effektiv durchsuchen und bedienen kann. Hier erfahren Sie, wie unsere Website einige der wichtigsten Screenreader-Anforderungen abdeckt, ergänzt durch Konsolen-Screenshots von Codebeispielen:

 
1.    

   Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben bis unten lernt, um die fortlaufende Konformität auch bei Aktualisierungen der Website zu gewährleisten. In diesem Prozess stellen wir Screenreadern aussagekräftige Daten über den ARIA-Attributsatz zur Verfügung. Zum Beispiel bieten wir genaue Formularbeschriftungen, Beschreibungen für interaktive Symbole (Social-Media-Icons, Suchsymbole, Warenkorbsymbole usw.), Validierungshilfen für Formulareingaben sowie Elementrollen wie Schaltflächen, Menüs, Modaldialoge (Popups) und andere. Zusätzlich scannt der Hintergrundprozess alle Bilder der Website und liefert eine genaue und aussagekräftige, auf Bild-Objekt-Erkennung basierende Beschreibung als ALT-Tag (Alternativtext) für Bilder, die nicht beschrieben sind. Er extrahiert auch Texte, die in Bilder eingebettet sind, mittels OCR-Technologie (optische Zeichenerkennung). Um die Screenreader-Anpassungen jederzeit einzuschalten, müssen Nutzer lediglich die Tastenkombination Alt+1 drücken. Screenreader-Nutzer erhalten außerdem automatische Ansagen zum Einschalten des Screenreader-Modus, sobald sie die Website betreten.

   Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.

 
2.  

   Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch das HTML der Website an und fügt verschiedene Verhaltensweisen mittels JavaScript-Code hinzu, um die Website über die Tastatur bedienbar zu machen. Dies beinhaltet die Möglichkeit, mit den Tasten Tab und Umschalt+Tab durch die Website zu navigieren, Dropdowns mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste auszulösen, zwischen Radio- und Checkbox-Elementen mit den Pfeiltasten zu navigieren und diese mit der Leertaste oder der Eingabetaste auszufüllen. Darüber hinaus finden Tastaturnutzer Schnellnavigations- und Content-Skip-Menüs, die jederzeit durch Drücken von Alt+1 oder als erste Elemente der Seite beim Navigieren mit der Tastatur verfügbar sind. Der Hintergrundprozess behandelt auch ausgelöste Popups, indem er den Tastaturfokus sofort auf diese bewegt, sobald sie erscheinen, und verhindert, dass der Fokus aus diesen herauswandert.

    

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

Unterstützte Behinderungsprofile auf unserer Website

 
• Sicherer Modus für Epilepsie: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen durch flackernde oder blinkende Animationen und riskante Farbkombinationen eliminiert wird.
 
• Modus für Sehbehinderte: Dieser Modus passt die Website für den Komfort von Nutzern mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Grauer Star, Grüner Star und anderen an.
 
• Modus für kognitive Behinderungen: Dieser Modus bietet verschiedene unterstützende Optionen, um Nutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, Schlaganfallfolgen und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
 
• ADHS-freundlicher Modus: Dieser Modus hilft Nutzern mit ADHS und neurobiologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die Haupt-Website-Elemente zu fokussieren, während Ablenkungen deutlich reduziert werden.
 
• Blindheitsmodus: Dieser Modus konfiguriert die Website so, 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 Websites müssen damit kompatibel sein.
 
• Tastaturnavigationsprofil (Motorisch eingeschränkt): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website mit den Tasten Tab, Umschalt+Tab und der Eingabetaste zu bedienen. Nutzer können auch Tastenkürzel wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) verwenden, um zu spezifischen Elementen zu springen.

Zusätzliche Anpassungen der Benutzeroberfläche, des Designs und der Lesbarkeit

 
1. Schriftanpassungen – Nutzer können die Größe erhöhen oder verringern, die Schriftfamilie (Typ) ändern, Abstände, Ausrichtung, Zeilenhöhe und mehr anpassen.
 
2. Farbanpassungen – Nutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Zusätzlich können Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farboptionen getauscht werden.
 
3. Animationen – Personen mit Epilepsie können alle laufenden Animationen mit einem Klick stoppen. Zu den über die Schnittstelle gesteuerten Animationen gehören Videos, GIFs und flackernde CSS-Übergänge.
 
4. Hervorhebung von Inhalten – Nutzer können wählen, wichtige Elemente wie Links und Titel hervorzuheben. Sie können auch festlegen, nur fokussierte oder mit der Maus überfahrene Elemente hervorzuheben.
 
5. Audio-Stummschaltung – Nutzer mit Hörgeräten können Kopfschmerzen oder andere Probleme durch automatische Audiowiedergabe bekommen. Diese Option ermöglicht es, die gesamte Website sofort stummzuschalten.
 
6. Kognitive Störungen – Wir nutzen eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, was es Menschen mit kognitiven Störungen ermöglicht, die Bedeutung von Phrasen, Initialen, Slang und anderem zu entschlüsseln.
 
7. Zusätzliche Funktionen – Wir bieten Nutzern die Möglichkeit, Farbe und Größe des Cursors zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele weitere Funktionen.

Kompatibilität mit Browsern und unterstützenden Technologien

Wir streben danach, eine möglichst breite Palette an Browsern und unterstützenden Technologien zu unterstützen, damit unsere Nutzer die für sie am besten passenden Werkzeuge mit so wenigen Einschränkungen wie möglich wählen können. Daher haben wir hart daran gearbeitet, alle gängigen Systeme zu unterstützen, die über 95 % des Marktanteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie JAWS und NVDA (Screenreader).

Hinweise, Kommentare und Feedback

Trotz unserer besten Bemühungen, jedem die Anpassung der Website an seine Bedürfnisse zu ermöglichen, kann es immer noch Seiten oder Abschnitte geben, die nicht vollständig barrierefrei sind, sich im Prozess der Barrierefreiheit befinden oder denen eine angemessene technologische Lösung fehlt, um sie barrierefrei zu machen. Dennoch verbessern wir unsere Barrierefreiheit kontinuierlich, fügen Optionen und Funktionen hinzu, aktualisieren und verbessern sie und entwickeln bzw. übernehmen neue Technologien. All dies dient dazu, das optimale Niveau an Barrierefreiheit entsprechend dem technologischen Fortschritt zu erreichen. Für jede Unterstützung wenden Sie sich bitte an info@wagrainerhof.com