Wir finden: Das Internet soll für alle Menschen nutzbar sein.
Darum möchten wir unsere Website so gestalten, dass möglichst viele Menschen sie gut benutzen können – unabhängig von ihren Fähigkeiten und ihrer Situation.

Wir orientieren uns an den Richtlinien für barrierefreie Webinhalte WCAG 2.1 auf Stufe AA. Diese Richtlinien kommen vom W3C (World Wide Web Consortium). Sie beschreiben, wie Webseiten so gestaltet werden, dass sie zum Beispiel für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen oder kognitiven Einschränkungen gut nutzbar sind.

Unsere Website nutzt verschiedene Techniken, damit sie möglichst barrierefrei ist.
Es gibt:

• eine Bedienoberfläche für Barrierefreiheit, mit der Nutzer:innen das Aussehen der Seite an ihre Bedürfnisse anpassen können

• eine KI-gestützte Anwendung im Hintergrund, die die Barrierefreiheit ständig verbessert

Diese Anwendung:

• passt den HTML-Code der Seite an

• verbessert die Nutzung mit Screenreadern (Vorlese-Programmen für Blinde)

• verbessert die Bedienung nur mit der Tastatur für Menschen mit motorischen Einschränkungen

Wenn Sie einen Fehler finden oder Vorschläge zur Verbesserung haben, freuen wir uns über eine Nachricht an: info@wo-der-hahn-kraeht.de

Screenreader und Tastaturbedienung

Unsere Website nutzt ARIA-Attribute (Accessible Rich Internet Applications) und weitere Techniken. So können blinde Nutzer:innen mit Screenreadern die Inhalte besser lesen, verstehen und bedienen.

Sobald eine Person mit Screenreader auf die Website kommt, erhält sie einen Hinweis und kann ein spezielles Screenreader-Profil aktivieren.

Optimierung für Screenreader

Im Hintergrund läuft ein Prozess, der die komplette Website „durchgeht“ und prüft. Ziel: Die Seite soll auch nach Änderungen barrierefrei bleiben.

Dabei werden zum Beispiel:

• Formularfelder klar beschriftet

• Symbole (z. B. Social-Media-Icons, Such-Icon, Warenkorb) beschrieben

• Hinweise bei falschen Eingaben in Formularen gegeben

• Rollen von Elementen gesetzt (z. B. Schaltfläche, Menü, Dialog-Fenster/Popup)

Außerdem scannt dieser Prozess alle Bilder:

• Für Bilder ohne Beschreibung wird automatisch ein Alternativtext (ALT-Tag) erzeugt.

• Texte in Bildern werden mit Texterkennung (OCR – Optical Character Recognition) ausgelesen.

Um Screenreader-Anpassungen zu aktivieren, reicht die Tastenkombination Alt + 1.
Screenreader-Nutzer:innen bekommen außerdem automatisch einen Hinweis auf den Screenreader-Modus, wenn sie die Website betreten.

Die Einstellungen sind mit gängigen Screenreadern wie JAWS und NVDA kompatibel.

Optimierung für Tastaturbedienung

Der Hintergrundprozess passt auch den HTML-Code an und ergänzt JavaScript-Funktionen. So kann die Website gut nur mit der Tastatur bedient werden.

Zum Beispiel:

• Navigation mit Tab und Shift + Tab

• Menüs mit den Pfeiltasten öffnen und bedienen

• Menüs mit Esc schließen

• Schaltflächen und Links mit Enter auslösen

• Auswählen von Radio-Buttons und Checkboxen mit den Pfeiltasten und aktivieren mit Leertaste oder Enter

Zusätzlich gibt es:

• Schnellnavigations- und „Zum Inhalt springen“-Menüs, erreichbar über Alt + 1 oder als erstes Element beim Tastatur-Navigieren

• Wird ein Popup geöffnet, wird der Fokus automatisch dahin verschoben; der Fokus kann das Popup nicht „verlassen“, bis es geschlossen wird.

Es gibt auch Tastaturkürzel, um bestimmte Elemente direkt anzusteuern:

• M = Menüs

• H = Überschriften

• F = Formulare

• B = Schaltflächen (Buttons)

• G = Grafiken/Bilder

Unterstützte Profile für unterschiedliche Behinderungen

• Epilepsie-sicherer Modus
  Blendet flackernde oder blinkende Animationen und kritische Farbkombinationen aus, um Anfälle zu vermeiden.

• Modus für Sehbehinderte
  Passt die Website für Personen mit Sehproblemen an (z. B. nachlassende Sehkraft, Tunnelblick, Katarakt, Glaukom).

• Modus für kognitive Einschränkungen
  Bietet Hilfen für Menschen mit z. B. Dyslexie (Lese-Recht-Schreib-Störung), Autismus, Folgen eines Schlaganfalls (CVA) und ähnlichem. So können sie sich besser auf wichtige Inhalte konzentrieren.

• ADHS-freundlicher Modus
  Hilft Menschen mit ADHS und neuro­entwicklungs­bedingten Störungen, Inhalte besser zu lesen, zu verstehen und Ablenkungen zu reduzieren.

• Blindheitsmodus
  Stellt sicher, dass die Website mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack funktioniert. Screenreader sind Programme für blinde Menschen auf Computer und Smartphone.

• Tastatur-Navigations-Profil (Motorische Einschränkungen)
  Ermöglicht die Bedienung der Seite nur mit der Tastatur (Tab, Shift+Tab, Enter).
  Auch hier können die Kürzel M, H, F, B, G verwendet werden.

Weitere Anpassungen von Darstellung und Lesbarkeit

• Schriftanpassungen
  Nutzer:innen können:

  • die Schriftgröße ändern

  • die Schriftart auswählen

  • Abstände, Ausrichtung und Zeilenhöhe verändern

• Farb-Anpassungen
  Es gibt verschiedene Kontrast-Profile, z. B. hell, dunkel, invertiert, schwarz-weiß.
  Außerdem können Farben von Überschriften, Texten und Hintergründen aus mehreren Farbschemata gewählt werden.

• Animationen
  Personen mit Epilepsie können alle laufenden Animationen mit einem Klick stoppen.
  Dazu zählen Videos, GIFs und blinkende CSS-Animationen.

• Inhalte hervorheben
  Wichtige Elemente wie Links und Überschriften können optisch hervorgehoben werden.
  Es ist auch möglich, nur das aktuell fokussierte oder „hovernde“ Element hervorzuheben.

• Ton stummschalten
  Automatisch abspielender Ton kann für Menschen mit Hörgeräten störend sein.
  Nutzer:innen können den gesamten Website-Ton sofort stummschalten.

• Unterstützung bei kognitiven Störungen
  Eine Suchfunktion ist mit Wikipedia und Wiktionary verbunden.
  So können Nutzer:innen Begriffe, Abkürzungen, Redewendungen und Umgangssprache besser verstehen.

• Weitere Funktionen
  Nutzer:innen können:

  • die Cursor-Farbe und -Größe ändern

  • einen Druckmodus aktivieren

  • eine virtuelle Tastatur einschalten

  • und weitere Hilfsfunktionen nutzen.

Kompatibilität mit Browsern und Assistenztechnologien

Wir möchten, dass unsere Website mit möglichst vielen Browsern und Hilfs­technologien funktioniert. So können Nutzer:innen die für sie passenden Werkzeuge wählen.

Wir unterstützen alle großen Systeme, die zusammen über 95 % der Nutzer:innen abdecken, darunter:

• Google Chrome

• Mozilla Firefox

• Apple Safari

• Opera

• Microsoft Edge

• sowie die Screenreader JAWS und NVDA

Hinweise, Kommentare und Feedback

Trotz großer Sorgfalt kann es vorkommen, dass:

• einzelne Seiten oder Bereiche noch nicht vollständig barrierefrei sind

• Inhalte gerade überarbeitet werden

• es noch keine passende technische Lösung gibt

Wir arbeiten ständig daran, die Barrierefreiheit weiter zu verbessern:
Wir erweitern Funktionen, aktualisieren sie und nutzen neue Technologien.

Wenn Sie Hilfe brauchen oder uns Feedback geben möchten, schreiben Sie bitte an: info@wo-der-hahn-kraeht.de