Wo der Hahn kräht
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
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.
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.
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
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 neuroentwicklungsbedingten 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.
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.
Wir möchten, dass unsere Website mit möglichst vielen Browsern und Hilfstechnologien 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
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