Konformitätsstatus

Wir sind fest davon überzeugt, dass das Internet für alle Menschen verfügbar und zugänglich sein sollte, und wir setzen uns dafür ein, eine Website bereitzustellen, die für die größtmögliche Anzahl von Personen zugänglich ist – unabhängig von deren Umständen oder Fähigkeiten.

Um dies zu erreichen, bemühen wir uns, die Web Content Accessibility Guidelines 2.1 (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 Beeinträchtigungen 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 Einschränkungen, Sehbeeinträchtigungen, kognitiven Beeinträchtigungen und mehr.

Diese Website nutzt verschiedene Technologien, um sie jederzeit so barrierefrei wie möglich zu machen. Wir verwenden eine Barrierefreiheits-Schnittstelle, die es Personen mit bestimmten Beeinträchtigungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anzupassen und entsprechend zu gestalten.

Darüber hinaus verwendet die Website eine KI-gestützte Anwendung, die im Hintergrund läuft und das Barrierefreiheitsniveau fortlaufend optimiert. Diese Anwendung überarbeitet das HTML der Website, passt ihre Funktionalität und ihr Verhalten für Screenreader, die von blinden Nutzerinnen und Nutzern verwendet werden, an sowie für Tastaturfunktionen, die von Personen mit motorischen Einschränkungen genutzt werden.

Wenn Sie eine Fehlfunktion festgestellt haben oder Ideen zur Verbesserung haben, freuen wir uns, von Ihnen zu hören. Sie können die Betreiber der Website über folgende E-Mail-Adresse erreichen: kontakt@ullrich-schoen.de

Screenreader und Tastaturnavigation

Unsere Website implementiert ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene weitere Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzerinnen und Nutzer mit Screenreadern die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein User mit einem Screenreader Ihre Website betritt, erhält diese Person unmittelbar eine Aufforderung, das Screenreader-Profil zu aktivieren, um die Website effektiv durchsuchen und bedienen zu können. Nachfolgend erläutern wir, wie unsere Website einige der wichtigsten Screenreader-Anforderungen abdeckt, einschließlich Konsolen-Screenshots von Codebeispielen:

Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben nach unten erfasst, um eine kontinuierliche Konformität auch bei Aktualisierungen der Website zu gewährleisten. In diesem Prozess stellen wir Screenreadern mithilfe des ARIA-Attributsatzes aussagekräftige Daten zur Verfügung. Beispielsweise stellen wir genaue Formularbeschriftungen bereit; Beschreibungen für anklickbare Symbole (Social-Media-Icons, Suchsymbole, Warenkorb-Symbole usw.); Hinweise zur Validierung von Formulareingaben; Rollen für Elemente wie Buttons, Menüs, modale Dialoge (Pop-ups) und andere. Zusätzlich scannt der Hintergrundprozess alle Bilder der Website und stellt eine genaue und aussagekräftige, bildobjekterkennungsbasierte Beschreibung als ALT-Text (alternativer Text) für bisher unbeschriebene Bilder bereit. Er extrahiert außerdem Texte, die in Bildern eingebettet sind, mittels OCR-Technologie (optische Zeichenerkennung).
Um Screenreader-Anpassungen jederzeit zu aktivieren, müssen Nutzerinnen und Nutzer lediglich die Tastenkombination Alt+1 drücken. Screenreader-Nutzende erhalten zudem beim Betreten der Website automatische Hinweise, den Screenreader-Modus zu aktivieren.

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

Optimierung der Tastaturnavigation: Der Hintergrundprozess passt außerdem das HTML der Website an und ergänzt verschiedene Verhaltensweisen mittels JavaScript-Code, um die Website per Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, die Website mit den Tasten Tab und Shift+Tab zu navigieren, Dropdown-Menüs mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Buttons und Links mit der Eingabetaste (Enter) auszulösen, zwischen Auswahlfeldern (Radio Buttons) und Kontrollkästchen (Checkboxes) mit den Pfeiltasten zu wechseln und diese mit der Leertaste oder Enter zu aktivieren.
Zusätzlich finden Tastaturnutzende Schnellnavigations- und Inhaltsüberspring-Menüs, die jederzeit entweder über Alt+1 oder als erste Elemente der Website beim Navigieren mit der Tastatur aufrufbar sind. Der Hintergrundprozess steuert außerdem ausgelöste Pop-ups, indem der Tastaturfokus sofort auf diese verschoben wird, sobald sie erscheinen, und verhindert, dass der Fokus aus dem Pop-up herauswandert.

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

Unterstützte Profile für Beeinträchtigungen auf unserer Website

• Epilepsiesicherer Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen durch blinkende oder flackernde Animationen sowie riskante Farbkombinationen eliminiert wird.
• Modus für Sehbeeinträchtigte: Dieser Modus passt die Website an die Bedürfnisse von Nutzerinnen und Nutzern mit Sehbeeinträchtigungen an, z. B. nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen.
• Modus für kognitive Beeinträchtigungen: Dieser Modus bietet verschiedene unterstützende Optionen, um Nutzerinnen und Nutzern mit kognitiven Beeinträchtigungen, wie Dyslexie, Autismus, CVA (Schlaganfall) und anderen, das Fokussieren auf die wesentlichen Elemente der Website zu erleichtern.
• ADHS-freundlicher Modus: Dieser Modus hilft Nutzerinnen und Nutzern mit ADHS und neuroentwicklungsbedingten Störungen, die Hauptinhalte der Website leichter zu lesen, zu durchsuchen und sich darauf zu konzentrieren, 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 Nutzerinnen und Nutzer, die auf einem Computer oder Smartphone installiert ist; Websites müssen mit dieser Software kompatibel sein.
• Profil für Tastaturnavigation (motorische Beeinträchtigung): Dieses Profil ermöglicht Personen mit motorischen Einschränkungen, die Website mit den Tasten Tab, Shift+Tab und Enter zu bedienen. Nutzerinnen und Nutzer können zudem Tastenkürzel wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) verwenden, um direkt zu bestimmten Elementen zu springen.

Zusätzliche Anpassungen von UI, Design und Lesbarkeit

• Schrifteinstellungen: Nutzerinnen und Nutzer können die Schriftgröße vergrößern oder verkleinern, die Schriftart ändern, den Zeichen-, Wort- und Zeilenabstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
• Farb­anpassungen: Nutzerinnen und Nutzer können verschiedene Farbkontrastprofile wählen, z. B. hell, dunkel, invertiert und monochrom. Zusätzlich können Farbschemata von Überschriften, Texten und Hintergründen mit über sieben verschiedenen Farbvarianten ausgetauscht werden.
• Animationen: Personen mit Epilepsie können alle laufenden Animationen per Knopfdruck stoppen. Zu den durch die Oberfläche gesteuerten Animationen gehören Videos, GIFs und CSS-basierte Blink- oder Übergangseffekte.
• Inhaltliche Hervorhebung: Nutzerinnen und Nutzer können wichtige Elemente wie Links und Überschriften hervorheben. Es besteht auch die Möglichkeit, ausschließlich fokussierte oder mit der Maus überfahrene (hover) Elemente hervorzuheben.
• Audio-Stummschaltung: Nutzerinnen und Nutzer mit Hörgeräten können durch automatisch abspielende Audios Kopfschmerzen oder andere Probleme bekommen. Diese Option ermöglicht es, die gesamte Website sofort stummzuschalten.
• Kognitive Beeinträchtigungen: Wir verwenden eine Suchfunktion, die mit Wikipedia und Wiktionary verknüpft ist. So können Menschen mit kognitiven Beeinträchtigungen Bedeutungen von Ausdrücken, Abkürzungen, Slang und anderem leichter nachschlagen.
• Weitere Funktionen: Wir bieten Nutzerinnen und Nutzern die Möglichkeit, die Cursorfarbe und -größe zu ändern, einen Druckmodus zu aktivieren, eine virtuelle Tastatur zu nutzen und viele weitere Funktionen.

Kompatibilität mit Browsern und unterstützenden Technologien

Wir sind bestrebt, die größtmögliche Bandbreite an Browsern und unterstützenden Technologien zu unterstützen, damit unsere Nutzerinnen und Nutzer die für sie am besten geeigneten Werkzeuge mit möglichst wenigen Einschränkungen wählen können. Daher haben wir intensiv daran gearbeitet, alle großen Systeme zu unterstützen, die über 95 % des Marktanteils der Nutzer abdecken, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie JAWS und NVDA (Screenreader).

Hinweise, Anmerkungen und Feedback

Trotz unserer größten Bemühungen, allen Menschen die Anpassung der Website an ihre individuellen Bedürfnisse zu ermöglichen, kann es sein, dass einige Seiten oder Bereiche noch nicht vollständig barrierefrei sind, sich derzeit im Prozess der Barrierefreiheits-Verbesserung befinden oder für die es noch keine geeignete technologische Lösung gibt.
Nichtsdestotrotz verbessern wir unsere Barrierefreiheit kontinuierlich, erweitern, aktualisieren und optimieren Funktionen und Optionen und entwickeln sowie implementieren neue Technologien. All dies dient dem Ziel, ein optimales Niveau an Barrierefreiheit zu erreichen – im Einklang mit dem technologischen Fortschritt.

Für jegliche Unterstützung wenden Sie sich bitte an kontakt@ullrich-schoen.de.