Barrierefreiheitserklärung

jugendhilfe-zentrum.de
08.10.2025

Unser Engagement für Barrierefreiheit

Wir sind fest davon überzeugt, dass das Internet für jeden zugänglich sein sollte. Daher setzen wir uns dafür ein, unsere Website so zu gestalten, dass sie einem möglichst breiten Publikum zur Verfügung steht – unabhängig von individuellen Fähigkeiten oder Umständen.

Um dies zu erreichen, orientieren wir uns so genau wie möglich an den Richtlinien für barrierefreie Webinhalte (WCAG 2.1) des World Wide Web Consortiums (W3C) auf AA-Niveau. Diese Richtlinien beschreiben, wie digitale Inhalte so gestaltet werden können, dass sie für Menschen mit den unterschiedlichsten Behinderungen zugänglich sind. Ihre Einhaltung hilft uns, sicherzustellen, dass unsere Website für alle Menschen zugänglich ist: für Blinde, Personen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und viele andere.

Technologien für Barrierefreiheit

Unsere Website nutzt verschiedene Technologien, um jederzeit so barrierefrei wie möglich zu sein:

1. Barrierefreiheits-Schnittstelle
   Diese ermöglicht es Nutzern mit spezifischen Behinderungen, die Benutzeroberfläche (UI) der Website individuell anzupassen und so den eigenen Bedürfnissen entsprechend zu gestalten.
2. KI-gestützte Anwendungen
   Eine KI-basierte Anwendung läuft im Hintergrund und optimiert kontinuierlich das Barrierefreiheitsniveau. Sie passt den HTML-Code der Website an und sorgt dafür, dass die Funktionen und das Verhalten mit Bildschirmlesern und Tastaturen kompatibel sind.
 

Feedback und Verbesserungsvorschläge

Sollten Sie auf ein Problem stoßen oder Ideen zur Verbesserung haben, freuen wir uns über Ihr Feedback. Sie können uns über die folgende E-Mail-Adresse kontaktieren: info@jugendhilfe-zentrum.de

Bildschirmleser- und Tastaturnavigation

Unsere Website setzt auf ARIA-Attribute (Accessible Rich Internet Applications) und weitere Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzer mit Bildschirmlesern die Inhalte verstehen und nutzen können. Sobald ein Nutzer mit einem Bildschirmleser unsere Website besucht, erhält er eine Benachrichtigung, um den Bildschirmleser-Modus zu aktivieren.

Optimierungen für Bildschirmleser:

• Automatische Anpassungen des HTML-Codes im Hintergrund, um die Barrierefreiheit auch bei Updates sicherzustellen.
• Bedeutungsvolle Daten für Bildschirmleser über ARIA-Attribute: z. B. genaue Beschriftungen für Formulare, Beschreibung von interaktiven Symbolen (Social Media, Suchfeld, Warenkorb etc.), und Rollenzuweisung für Elemente wie Schaltflächen, Menüs und modale Dialoge.
• Automatische Generierung von ALT-Texten für Bilder mithilfe von Bilderkennungs- und OCR-Technologien.

Bildschirmleser können mit der Tastenkombination Alt+1 aktiviert werden.

Optimierungen für die Tastaturnavigation:

• Navigation über Tab und Shift+Tab, Aktivierung von Dropdowns mit Pfeiltasten, Schließen mit Esc, und Aktivierung von Schaltflächen und Links mit Enter.
• Kurzwahltasten: z. B. "M" (Menü), "H" (Überschriften), "F" (Formulare), "B" (Schaltflächen), "G" (Grafiken).

Unterstützte Nutzerprofile

Unsere Website unterstützt spezifische Profile für verschiedene Bedürfnisse:

• Epilepsiesicherer Modus: Reduziert blinkende Animationen und riskante Farbkombinationen.
• Modus für Sehbehinderte: Anpassungen für Nutzer mit Sehbeeinträchtigungen wie Tunnelblick, Grauer Star oder Glaukom.
• Modus für kognitive Beeinträchtigungen: Unterstützende Optionen für Nutzer mit z. B. Dyslexie oder Autismus.
• ADHS-freundlicher Modus: Reduziert Ablenkungen und hilft, sich auf wesentliche Inhalte zu konzentrieren.
• Blindheitsmodus: Kompatibilität mit Bildschirmlesern wie JAWS, NVDA, VoiceOver und TalkBack.
• Tastaturnavigationsprofil: Bedienung der Website über Tastaturbefehle.

Weitere Anpassungen der Benutzeroberfläche

Unsere Website bietet zahlreiche Anpassungsmöglichkeiten, darunter:

• Schriftanpassungen: Größe, Schriftart, Abstände, Ausrichtung und Zeilenhöhe.
• Farbprofile: Helle, dunkle, invertierte und monochrome Kontraste sowie individuelle Farbschemata.
• Animationen: Möglichkeit, alle Animationen zu deaktivieren.
• Inhaltsfokussierung: Hervorheben wichtiger Elemente wie Links oder Titel.
• Audio-Stummschaltung: Sofortiges Deaktivieren von automatischen Audioinhalten.
• Virtuelle Tastatur und viele weitere Funktionen.

Kompatibilität mit Browsern und unterstützenden Technologien

Wir bemühen uns, eine möglichst breite Unterstützung für Browser und unterstützende Technologien zu gewährleisten, um allen Nutzern ein optimales Erlebnis zu bieten. Unsere Website ist kompatibel mit gängigen Browsern wie Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie mit Bildschirmlesern wie JAWS und NVDA.